티스토리 뷰

SWDesk/Web

HTML, Dialog

bizmaker 2020. 9. 14. 22:48

대화창을 이용하는 예제(example)

 

<!DOCTYPE html>
<html>
<head>

<title>
Dialog Test - 01
</title>
</head>
<body>
Dialog Test - 01
<?php
	echo "<dialog id='pigdialog'>";
    echo "<h2>돼지 저금통</h2>";
    echo "<label for='money'>지갑에 동전을 얼마 넣을까요?</label>";
    echo "<div><input name='amount' id='money' type='number' min='0' step='100' value='100'></div>";
    echo "<div><input name='round' type='checkbox'>1,000원 단위로 넣기</div>";
    echo "<button type='submit' value='saving'>동전 넣기</button>";
	echo "</dialog>";
	echo "<button id='opendialog'> Open </button>";


?>

<script>
var dialog = document.getElementById('pigdialog');
document.getElementById('opendialog').onclick = function(){
	alert("opendialog");
	dialog.show();
}

</script>

</body>
</html>
반응형

'SWDesk > Web' 카테고리의 다른 글

PHP JSON Example  (0) 2020.09.28
Python XML Example  (0) 2020.09.27
[BDS] Web Page for Manager - On Clicking 'DUT'  (0) 2020.08.23
Webpage sample, form & input  (0) 2020.08.23
[BDS] Web page for Admin  (0) 2020.08.19
반응형
250x250
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/03   »
일 월 화 수 목 금 토
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31
글 보관함