<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>
지원하는 브라우저 및 버전
| 속성명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| open | 37.0 | 지원하지 않음 | 지원하지 않음 | 53.0 | 지원하지 않음 | 24.0 |
HTML5에서 변경된 사항
<dialog> 태그는 HTML5에서 새롭게 추가된 요소입니다.
HTML과 XHTML에서의 차이점
XHTML에서는 속성값을 생략할 수 없으므로, 다음과 같이 속성명과 속성값을 모두 명시해야만 합니다.
<dialog open="open">
