HTML <dialog> 태그

 

 

정의 및 특징

・<dialog> 태그는

　대화 상자(dialog box)나

　대화 윈도우(dialog window)를 정의할 때 사용한다

 

・<dialog> 요소는 웹 페이지에서

　손쉽게 팝업 대화 상자를 만들 수 있도록 한다

 

・<dialog> 태그는 HTML5에서 새롭게 추가된 요소이다

 

 

지원하는 브라우저

37.0	지원하지 않음	지원하지 않음	53.0	지원하지 않음	24.0

 

속성

속성명	속성값	설명
open	open	<dialog> 요소가 활성화되어 사용자가 대화 상자와 상호작용할 수 있음을 명시한다

 

예제

<dialog open>
    <h2>저금통</h2>
    <label for="money">동전을 얼마 넣을까요?</label>
    <div><input name="amount" id="money" type="number" min="0" step="100" value="100"></div>
    <div><input name="round" type="checkbox">1,000원 단위로 넣기</div>
    <button type="submit" value="saving">동전 넣기</button>
</dialog>

 

 

■HTML 태그 레퍼런스

HTML 태그 레퍼런스 - MAIN 돌아가기