1. HTML 회원가입 실습
<!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>Document</title>
</head>
<body>
<form>
<table width="400px">
<tr bgcolor="gray" height="50px">
<th colspan="2">step1: 아이디/비번 입력</th>
</tr>
<tr bgcolor="whitesmoke" height="35px">
<td align="right">아이디</td>
<td><input type="text" /></td>
</tr>
<tr bgcolor="whitesmoke" height="35px">
<td align="right">비밀번호</td>
<td><input type="text" /></td>
</tr>
<tr bgcolor="whitesmoke" height="35px">
<td align="right">비밀번호 확인</td>
<td><input type="text" /></td>
</tr>
<tr bgcolor="gray" height="50px">
<th colspan="2">step2: 개인정보</th>
</tr>
<tr bgcolor="whitesmoke" height="35px">
<td align="right">성별</td>
<td>남<input type="radio" />여<input type="radio" /></td>
</tr>
<tr bgcolor="whitesmoke" height="35px">
<td align="right">혈액형</td>
<td>
<select>
<option>A형</option>
<option>B형</option>
<option>C형</option>
<option>정형</option>
</select>
</td>
</tr>
<tr bgcolor="whitesmoke" height="35px">
<td align="right">생일</td>
<td><input type="date"/></td>
</tr>
<tr bgcolor="gray" height="50px">
<th colspan="2">step3: 선호도</th>
</tr>
<tr bgcolor="whitesmoke" height="35px">
<td align="right">취미</td>
<td>
축구<input type="checkbox" />야구<input type="checkbox" />농구<input
type="checkbox"
/>
</td>
</tr>
<tr bgcolor="whitesmoke" height="35px">
<td align="right">좋아하는 색깔</td>
<td><input type="color" /></td>
</tr>
<tr bgcolor="gray" height="50px">
<th colspan="2">step4: 적고 싶은 말</th>
</tr>
<tr>
<td colspan="2"><textarea cols="60" rows="5"></textarea></td>
</tr>
<tr bgcolor="whitesmoke" height="50px" align="center">
<td colspan="2"><input type="submit" /><input type="reset" /></td>
</tr>
</table>
</form>
</body>
</html>728x90
반응형
'XHTML.CSS' 카테고리의 다른 글
| CSS_선택자 (0) | 2022.06.15 |
|---|---|
| CSS_기본 구조 (0) | 2022.06.15 |
| HTML_태그_이미지, A, 테이블, form, input (0) | 2022.06.15 |
| HTML_태그_H, 문단, 강조, 리스트 (0) | 2022.06.15 |
| XHTML - 11. XHTML 목록 관련 요소 (0) | 2020.05.28 |