문제]
위와 같이 '회원 가입 양식' 페이지를 다양한 폼 양식을 이용하여 작성하시오.
자세한 내용은 HTML & CSS for Beginner p99를 참조하시오.
참고풀이]
<!DOCTYPE html>
<html lang="kor">
<head>
<mata charset="utf-8"></mata>
</head>
<body>
<h3>회원 가입 양식</h3>
<form>
<table>
<tr>
<td>- 아이디</td>
<td><input type="text"></td>
</tr>
<tr>
<td>- 비밀번호</td>
<td><input type="text"></td>
</tr>
<tr>
<td>- 비밀번호 확인</td>
<td><input type="text"></td>
</tr>
<tr>
<td>- 이름</td>
<td><input type="text"></td>
</tr>
<tr>
<td>- 성별</td>
<td><input type="radio" name="sex" checked>여성
<input type="radio" name="sex">남성
</td>
</tr>
<tr>
<td>- 전화번호</td>
<td><select>
<option>02</option>
<option>031</option>
<option>033</option>
<option>053</option>
<option>062</option>
</select> - <input class="tel" type="text">
- <input class="tel" type="text">
</td>
</tr>
<tr>
<td>- 이메일</td>
<td><input id="email1" type="text"> @
<select id="email2">
<option>선택</option>
<option>naver.com</option>
<option>hanmail.net</option>
<option>gmail.com</option>
<option>직접입력</option>
</select>
</td>
</tr>
<tr>
<td>- 자기소개</td>
<td><textarea rows=5 cols=80></textarea></td>
</tr>
</table>
</form>
</body>
</html>
대한민국의 아름다운 영토, 독도의 봄
'프로그램 > HTML5 & JavaScript 1000제' 카테고리의 다른 글
| HTML5 20제] HTML & CSS for Beginner Chapter 04. 연습문제 02. 강의 시간표 완성하기 (0) | 2021.10.22 |
|---|---|
| HTML5 19제] HTML & CSS for Beginner Chapter 04. 연습문제 01. 시간표 완성하기 (0) | 2021.10.22 |
| HTML5 17제] 웹 프로그래밍 기초 p150 12. 다음과 같이 내부 스타일 시트를 추가하라. (0) | 2021.08.12 |
| HTML5 16제] 웹 프로그래밍 기초 p104 10. 다음과 같은 화면을 가지는 HTML소스를 작성하라. (0) | 2021.08.05 |
| HTML5 15제] 웹 프로그래밍 기초 p104 9. 다음과 같은 화면을 가지는 HTML 소스를 작성하라. (0) | 2021.08.05 |
댓글