강의명 : HTML
- HTML <dialog> 태그
<dialog> 태그는 대화 상자(dialog box)나 대화 윈도우(dialog window)를 정의할 때 사용합니다.
<dialog> 요소는 웹 페이지에서 손쉽게 팝업 대화 상자를 만들 수 있도록 해줍니다.
<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>
<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>
댓글목록
등록된 댓글이 없습니다.