..

Search

open

open

<dialog> 태그의 open 속성


HTML <dialog> 태그 ⇒


정의 및 특징

<dialog> 태그의 open 속성은 <dialog> 요소가 활성화되어 사용자가 대화 상자와 상호작용할 수 있음을 명시합니다.

 

open 속성은 불리언(boolean) 속성입니다.

불리언 속성은 해당 속성을 명시하지 않으면 속성값이 자동으로 false 값을 가지게 되며, 명시하면 자동으로 true 값을 가지게 됩니다.


문법

<dialog open>

예제
<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>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

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

HTML5에서 변경된 사항

<dialog> 태그는 HTML5에서 새롭게 추가된 요소입니다.


HTML과 XHTML에서의 차이점

XHTML에서는 속성값을 생략할 수 없으므로, 다음과 같이 속성명과 속성값을 모두 명시해야만 합니다.

<dialog open="open">

연습문제