WEB.HTML
chapter19 : form_tag_test2
GAWON
2023. 5. 18. 09:22
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>웹 폼</title>
</head>
<body>
<form method="post" enctype="multipart/form-data">
<p>
<label for="name"> 이름 : <input type = "text" id="name" placeholder= "이름" autofocus/> </label> <!-- autofocus : 자동으로 포커싱 -->
</p>
<p>
<label for="age"> 나이: <input type = "text" id="age" placeholder="나이" /> </label>
</p>
<p>
<label for="pw"> 비밀번호 : <input type="password" id="pw" placeholder="비밀번호"/> </label>
</p>
<p>
<label for="mail"> 이메일 : <input type="email" id="mail" placeholder="이메일"/> </label>
</p>
```
<fieldset>
<legend>성별</legend>
<label><input type="radio" name="gender" value="남자" checked> 남자 </label> <!-- checked : 자동으로 선택시켜놓음(radio는 무조건 선택해야한다.) -->
<label><input type="radio" name="gender" value="여자"> 여자 </label>
</fieldset>
<fieldset>
<legend>취미</legend>
<label><input type="checkbox" name="hobbies" value="운동"> 운동 </label>
<label><input type="checkbox" name="hobbies" value="영화"> 영화 </label>
<label><input type="checkbox" name="hobbies" value="게임"> 게임 </label>
<label><input type="checkbox" name="hobbies" value="여행"> 여행 </label>
</fieldset>
<p>
<label for ="addr"> 거주지 : </label>
<select name="addr" id="addr" >
<option disabled="disabled">::선택하세요::</option>
<option value="서울">서울</option>
<option value="대전">대전</option>
<option value="대구">대구</option>
<option value="부산">부산</option>
<option value="광주">광주</option>
</select>
</p>
<p>
<label for="file">이력서 : </label>
<input type="file" id="file" />
</p>
<p>
<label for="introduce">자기 소개서<br/></label>
<textarea rows="3" cols="50" id="introduce" placeholder="150자 이내 작성" ></textarea>
</p>
<p>
<label for="sendDate">제출일 :</label>
<input type="date" id="sendDate" />
</p>
<input type="submit" value="제출" />
<input type="reset" value="취소" />
</form>
```
</body>
</html>