html 회원가입 실습

tpids·2024년 5월 29일

HTML, CSS

목록 보기
7/19
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="#" method="get">
        <table width="400px">
            <tr heigh="35" bgcolor="whitesmoke">
                <th colspan="2" bgcolor="grey" height="50px">Step1 : 아이디/비밀번호 입력</th>
            </tr>
            <tr heigh="35" bgcolor="whitesmoke">
                <td align="right">아이디</td>
                <td><input type="text", name="id"></td>
            </tr>
            <tr heigh="35" bgcolor="whitesmoke">
                <td align="right">비밀번호</td>
                <td><input type="password", name="pw"></td>
            </tr>
            <tr heigh="35" bgcolor="whitesmoke">
                <td align="right">비밀번호 확인</td>
                <td><input type="password", name="pw2"></td>
            </tr>
            <tr>
                <tr heigh="35" bgcolor="whitesmoke">
                    <th colspan="2" bgcolor="grey" height="50px">Step2 : 개인정보</th>
                </tr>
            </tr>
            <tr heigh="35px" bgcolor="whitesmoke">
                <td align="right">성별</td>
                <td><input type="radio", name="gender" value=""><input type="radio", name="gender" value="">
                </td>
            </tr>
            <tr heigh="35" bgcolor="whitesmoke">
                <td align="right">혈액형</td>
                <td>
                    <select name="" id="">
                        <option value="A형">A형</option>
                        <option value="B형">B형</option>
                        <option value="AB형">AB형</option>
                        <option value="O형">O형</option>
                    </select>
                </td>
            </tr>
            <tr heigh="35" bgcolor="whitesmoke">
                <td align="right">생일</td>
                <td>
                <input type="date">
                </td>
            </tr>
            <tr>
                <tr heigh="35" bgcolor="whitesmoke">
                    <th colspan="2" bgcolor="grey" height="50px">Step3 : 선호도</th>
                </tr>
            </tr>
            <tr heigh="35" bgcolor="whitesmoke">
                <td align="right">취미</td>
                <td>
                    축구<input type="checkbox", name="취미" value="축구">
                    야구<input type="checkbox", name="취미" value="야구">
                    농구<input type="checkbox", name="취미" value="농구">
                </td>
            </tr>
            <tr heigh="35" bgcolor="whitesmoke">
                <td align="right">좋아하는 색깔</td>
                <td>
                    <input type="color">
                </td>
            </tr>
            <tr>
                <tr heigh="35" bgcolor="whitesmoke">
                    <th colspan="2" bgcolor="grey" height="50px">Step4 : 적고 싶은 말</th>
                </tr>
            </tr>
            <tr heigh="35" bgcolor="whitesmoke">
                <td colspan="2">
                    <textarea cols="60" rows="10" name="" id="" ></textarea>
                </td>
            </tr>
            <tr heigh="35" bgcolor="whitesmoke">
                <td align="center" colspan="2">
                    <input type="submit">
                    <input type="reset">
                </td>
            </tr>
        </table>
    </form>
</body>
</html>

profile
개발자

0개의 댓글