라라리라
2023.10.04 / Step 6 [DOM_회원가입] - 코딩 62 일차 본문
회원가입 | ||
| 아이디 | ||
| 비밀번호 | ||
| 비밀번호확인 | ||
| 이름 | ||
| 이메일 | ||
| 휴대폰 | ||
| 우편번호 | ||
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<style>
#logtable{
width: 600px;
margin: auto;
}
table, tr, td{
border-collapse: collapse;
border: 1px solid black;
}
</style>
<table id="logtable">
<tr><td colspan="3" style="text-align: center;"><h1>회원가입</h1></td></tr>
<tr><td rowspan="2">아이디</td>
<td><input type="text" placeholder="아이디를 입력해주세요"></td>
<td><input type="button" value="중복확인"></td></tr>
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td rowspan="2">비밀번호</td>
<td colspan="2"><input type="text" placeholder="비밀번호를 입력해주세요"</td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td rowspan="2">비밀번호확인</td>
<td colspan="2"><input type="text" placeholder="비밀번호를 한번 더 입력해주세요"></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td rowspan="2">이름</td><td colspan="2"><input type="text" placeholder="이름을 입력해주세요"></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td rowspan="2">이메일</td>
<td><input type="text" placeholder="이메일을 입력해주세요"></td>
<td><input type="button" value="중복확인"></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td rowspan="2">휴대폰</td>
<td colspan="2"><input type="text" placeholder="휴대폰번호를 입력해주세요"></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td rowspan="2">우편번호</td>
<td><input type=""</td>
<td></td>
</tr>
</table>
</body>
</html>
'코딩 > 2023 JavaScript DOM' 카테고리의 다른 글
| 2023.10.06 / Step 6 [DOM_달력2단계] - 코딩 64 일차 (0) | 2023.10.06 |
|---|---|
| 2023.10.05 / Step 6 [DOM_달력1단계] - 코딩 63 일차 (0) | 2023.10.05 |
| 2023.09.27 / Step 6 [DOM_숫자슬라이드게임3] - 코딩 61 일차 (0) | 2023.09.27 |
| 2023.09.26 / Step 6 [DOM_숫자슬라이드게임2] - 코딩 60 일차 (0) | 2023.09.26 |
| 2023.09.22 / Step 6 [DOM_스피드게임3단계] - 코딩 58 일차 (0) | 2023.09.22 |