<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>form 태그 연습</title>
</head>
<body>
<h1>form 태그</h1>
<!-- <form name="form의 이름" method="전송방식(get, post)" action="결과페이지.html">폼 내용</form> -->
<form name="test" method="POST" action="join.html">
<fieldset>
<legend>input 관련 요소</legend>
<input type="text" size="50" maxlength="5">
<label for="pw1">비밀번호</label>
<!-- lable for의 값과 input type의 값이 같아야 함 -->
<input type="password" id="pw1">
<p></p>
<input type="file">
<p></p>
<input type="image" src="./images/search.gif" alt="검색">
<p></p>
<hr>
<p>
성별
</p>
<input type="radio" name="gender" id="male">남자 <input type="radio" name="gender" id="female">여자
<p></p>
<p>
취미
</p>
<input type="checkbox" id="exercise">운동
<input type="checkbox" id="music">음악
<input type="checkbox" id="movie">영화
<p></p>
<input type="submit" value="확인">
<input type="reset" value="취소">
<button>우편번호</button>
</fieldset>
<fieldset>
<textarea name="" id="" cols="100" rows="20">내용을 20자 이상을 입력하세요.</textarea>
<!-- cols는 열(가로), row는 행(세로) -->
</fieldset>
<select multiple name="" id="">
<option value="">010</option>
<option value="">011</option>
<option value="">016</option>
<option value="">000</option>
</select>
</form>
</body>
</html>
Engineering is the closest thing to magic that exists in the world.