개념
<!DOCTYPE html>
<html lang="ko">
<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>Document</title>
</head>
<body>
<form>
<table border="1">
<caption>form 연습하기</caption>
<tr>
<td>아이디</td>
<td>
<input type="text" name="id" id="id" placeholder="아이디를 입력하세요">
<input type="button" value="아이디 중복검사">
</td>
</tr>
<tr>
<td>비밀번호</td>
<td>
<input type="password" name="pw" id="pw" placeholder="비밀번호를 입력하세요">
</td>
</tr>
<tr>
<td>수강 과목</td>
<td>
<input type="checkbox" name="sub" value="java" id="java" checked>
<label for="java">Java</label>
<input type="checkbox" name="sub" value="jsp" id="jsp">
<label for="jsp">Jsp</label>
<input type="checkbox" name="sub" value="spring" id="spring">
<label for="spring">Spring</label>
</td>
</tr>
<tr>
<td>휴대전화</td>
<td>
<select name="tel1">
<option value="010">010</option>
<option value="011">011</option>
<option value="016">016</option>
<option value="017">017</option>
</select>-
<input type="text" name="tel2">-
<input type="test" name="tel3">
</td>
</tr>
<tr>
<td>이메일</td>
<td>
<input type="email" name="email">
</td>
</tr>
<tr>
<td>E-mail 수신여부</td>
<td>
<input type="radio" id="yes" name="agreeEmail" value="yes" checked>
<label for="yes">수신함</label>
<input type="radio" id="no" name="agreeEmail" value="no">
<label for="no">수신안함</label>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="회원가입">
</td>
</tr>
</table>
</form>
</body>
</html>
HTML
복사