Join.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<table width=400>
<tr height=50 bgcolor=gray>
<td colspan=2><b>Step1 : 아이디/비번 입력</b></td>
</tr>
<tr height=35 bgcolor=whitesmoke>
<td align=right>아이디 :</td>
<td align=left><input type=text></td>
</tr>
<tr height=35 bgcolor=whitesmoke>
<td align=right>비밀번호 :</td>
<td align=left><input type=password></td>
</tr>
<tr height=35 bgcolor=whitesmoke>
<td align=right>비밀번호 확인 :</td>
<td align=left><input type=password></td>
</tr>
<tr height=50 bgcolor=gray>
<td colspan=2><b>Step2 : 개인정보</b></td>
</tr>
<tr height=35 bgcolor=whitesmoke>
<td align=right>성별 :</td>
<td align=left>남<input type=radio name=sex>여<input
type=radio name=sex></td>
</tr>
<tr height=35 bgcolor=whitesmoke>
<td align=right>혈액형 :</td>
<td align=left><select>
<option>A형
<option>B형
<option>O형
<option>AB형
</select></td>
</tr>
<tr height=35 bgcolor=whitesmoke>
<td align=right>생일 :</td>
<td align=left><input type=date></td>
</tr>
<tr height=50 bgcolor=gray>
<td colspan=2><b>Step3 : 선호도</b></td>
</tr>
<tr height=35 bgcolor=whitesmoke>
<td align=right>취미 :</td>
<td align=left>축구<input type=checkbox name=hobby>야구<input
type=checkbox name=hobby>농구<input type=checkbox name=hobby></td>
</tr>
<tr height=35 bgcolor=whitesmoke>
<td align=right>좋아하는 색깔 :</td>
<td align=left><input type=color></td>
</tr>
<tr height=50 bgcolor=gray>
<td colspan=2><b>Step4 : 적고 싶은 말</b></td>
</tr>
<tr height=35 bgcolor=whitesmoke>
<td align=center colspan=2><textarea rows=5 cols=60></textarea></td>
</tr>
<tr height=35 bgcolor=whitesmoke>
<td colspan=2 align=center><input type=submit><input
type=reset></td>
</tr>
</table>
</body>
</html>
'Programming > HTML' 카테고리의 다른 글
table에서 <a>tag로 사진 불러오기 (0) | 2020.02.18 |
---|---|
빠른 화면이동 (0) | 2020.02.17 |
이미지 아이콘버튼 (0) | 2020.02.17 |
레이아웃 (0) | 2020.02.17 |
회원가입2 (0) | 2020.02.17 |