<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>
<body>
<!-- method="get"은 길이에 제한이 있으므로 단순 페이지를 넘길때만 사용 -->
<form>
<!-- 이 텍스트 이름이 id, 텍스트의 글자수가 50, value는 초기값 -->
아이디 : <input type = "text" name = "id" size = "50" value="이홍관"> <br>
패스워드 : <input type = "password" name = "pass"> <br><br>
<!-- name을 같게 해줘야 하나의 그룹으로 인식함 -->
당신의 성별은 : <input type = "radio" name = "gender" value = "male" checked> 남성
<input type = "radio" name = "gender" value = "female"> 여성 <br><br>
당신의 취미는 : <input type = "checkbox" name = "music" checked = "checked"> 음악감상
<input type = "checkbox" name = "movie"> 영화감상
<input type = "checkbox" name = "sport"> 운동
<input type = "checkbox" name = "inst"> 악기연주 <br><br>
<!-- select에 size="숫자"를 설정하면 List로 바뀐다. -->
<!-- List 상태에서 multiple="multiple"을 설정하면 Ctrl을 누르고 다중 선택이 가능하다. -->
당신의 직업은 : <select name = "job">
<option value = "학생"> 학생 </option>
<option value = "개발자"> 개발자 </option>
<option value = "백수"> 백수 </option>
<option value = "아이언맨"> 아이언맨 </option>
</select> <br><br>
하고 싶은 말 : <textarea rows="5" cols="50"></textarea> <br><br>
<input type = "submit" value = "전송"> <input type = "reset" value = "취소">
</form>
</body>
</html>
- 결과
