문제]
참고풀이1]
<!DOCTYPE html>
<html>
<head>
<title>CHAPTER03 연습문제</title>
</head>
<body>
<h1>HTML5 요소 데모 화면</h1>
<form name="input" action="input.jsp" method="post">
이름 : <input type="text" name="name"><br/>
이메일 : <input type="emil" name="email"><br/>
웹사이트 : <input type="url" name="url"><br/>
정수 : <input type="number" name="integer" min="1" max="10" ><br/>
범위 : <input type="range" name="range" min="1" max="10"><br/>
메시지 : <textarea name="note" row="3" cols="25"></textarea><br/><br/>
<input type="button" name="submit" value="Submit">
</form>
</body>
</html>
참고풀이2]
<!DOCTYPE html>
<html>
<head>
<title>CHAPTER03 연습문제</title>
</head>
<body>
<h1>HTML5 요소 데모 화면</h1>
<form action="input.jsp" method="post">
<table>
<tr>
<td>이름 : </td> <td><input type="text" name="name"></td>
</tr>
<tr>
<td>이메일 : </td> <td><input type="email" name="email"></td>
</tr>
<tr>
<td>웹사이트 : </td> <td><input type="url" name="url"></td>
</tr>
<tr>
<td>정수 : </td> <td><input type="number" name="integer" min="1" max="10" ></td>
</tr>
<tr>
<td>범위 : </td> <td><input type="range" name="range" min="1" max="10"></td>
</tr>
<tr>
<td>메시지 : </td>
<td><textarea name="note" row="3" cols="25"></textarea></td>
</tr>
<tr>
<td colspan="2" ><input type="button" name="submit" value="Submit"></td>
</tr>
</table>
</form>
</body>
</html>
참고풀이2 결과]
대한민국의 아름다운 영토, 독도의 봄
'프로그램 > HTML5 & JavaScript 1000제' 카테고리의 다른 글
| HTML5 15제] 웹 프로그래밍 기초 p104 9. 다음과 같은 화면을 가지는 HTML 소스를 작성하라. (0) | 2021.08.05 |
|---|---|
| HTML5 14제] 웹 프로그래밍 기초 p103 8. 다음과 같은 화면을 가지는 HTML소스를 작성하라. (0) | 2021.08.05 |
| HTML5 12제] 웹프로그래밍 기초 p103 6. iframe과 ul로 HTML 소스를 작성하라. (0) | 2021.07.22 |
| HTML5 11제] 웹프로그래밍 기초 p102 5. 사이트의 비디오를 재생하는 HTML 문서를 생성하라. (0) | 2021.07.22 |
| HTML5 10제] 웹프로그래밍 기초 p64 15. 본문의 내용을 참조해서 자신을 소개하는 홈페이지를 작성해 보자. (0) | 2021.07.09 |
댓글