본문 바로가기

Programming/HTML

회원 가입

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