라라리라

2023.10.04 / Step 6 [DOM_회원가입] - 코딩 62 일차 본문

코딩/2023 JavaScript DOM

2023.10.04 / Step 6 [DOM_회원가입] - 코딩 62 일차

헤실 2023. 10. 4. 17:43
Document

회원가입

아이디
비밀번호
비밀번호확인
이름
이메일
휴대폰
우편번호
<!DOCTYPE html>
<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>