Dialog 요소 - javascript가 필요없는 HTML5 요소 > 365ok IT뉴스

365ok IT뉴스

Dialog 요소 - javascript가 필요없는 HTML5 요소 정보

Dialog 요소 - javascript가 필요없는 HTML5 요소

본문

이 요소는 JavaScript 라이브러리에 의존하지 않고 모달 대화 상자를 만들 수 있는 기본 HTML 요소입니다. 경고, 확인 대화 상자 또는 사용자 정의 팝업에 사용할 수 있으며 모달에 대한 보다 의미론적인 접근 방식을 제공합니다.

 

HTML :

 

<dialog id="myDialog">
    <p>이것은 모달 대화 상자입니다</p>
    <button onclick="document.getElementById('myDialog').close()">닫기</button>
</dialog>

<button onclick="document.getElementById('myDialog').showModal()">대화상자 열기</button>

 

3667889950_1724374812.136.png

 

웹학교 무료강좌 / 웹학교 컨텐츠몰

PHP포탈 / 구인구직 솔루션

By 웹학교

추천
1

댓글 0개

전체 2,472 |RSS
365ok IT뉴스 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT