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

 

HTML :

 

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

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

 

 

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

PHP포탈 / 구인구직 솔루션

By 웹학교