본문으로 바로가기

HTML을 이용한 로그인 폼 만들기~~

category 카테고리 없음 2018. 4. 4. 10:33


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>회원 가입</title>
</head>
 <body>
     <form method="post" action="MAILTO:ymgkim1@naver.com" enctype="text/plain">
     <br>
    <table border="1" align="center">
        <tr>
            <td colspan="2" align="center" bgcolor="#CED8F6"><b>회원 기본 정보</b></td>
        </tr>
 
        <tr>
            <td align="center"><b>아이디:</td>
            <td><input type="text" name="아이디" size="20" maxlength="12"></input>&nbsp4~12자의 영문 대소문자와 숫자로만 입력</td>
        </tr>
 
        <tr>
            <td align="center"><b>비밀번호:</td>
            <td><input type="password" name="비밀번호" size="21" maxlength="12"></input>&nbsp4~12자의 영문 대소문자와 숫자로만 입력</td>
        </tr>
 
        <tr>
            <td align="center"><b>비밀번호확인:</td>
            <td><input type="password" name="비밀번호확인" size="21" maxlength="12"></td>
        </tr>
 
        <tr>
            <td align="center"><b>메일주소:</td>
            <td><input type="text" name="메일주소" size="25"></input>&nbsp예) id@domain.com</td>
        </tr>
 
        <tr>
            <td align="center"><b>이름:</td>
            <td><input type="text" name="이름" size="25"></input></td>
        </tr>
 
        <tr>
            <td colspan="2" align="center" bgcolor="#CED8F6"><b>개인 신상 정보</b></td>
        </tr>
 
        <tr>
            <td align="center"><b>주민등록번호:</td>
            <td><input type="text" name="주민등록번호" size="10" maxlength="6">-</input><input type="password" name="주민등록번호" size="10" maxlength="7"></input>
            예) 123456-1234567
            </td>
        </tr>
 
        <tr>
            <td align="center"><b>생일:</td>
            <td><input type="text" name="년" size="7"></input>년
                <select name="월">
                <OPTION>1</OPTION>
                <OPTION>2</OPTION>
                <OPTION>3</OPTION>
                <OPTION>4</OPTION>
                <OPTION>5</OPTION>
                <OPTION>6</OPTION>
                <OPTION>7</OPTION>
                <OPTION>8</OPTION>
                <OPTION>9</OPTION>
                <OPTION>10</OPTION>
                <OPTION>11</OPTION>
                <OPTION>12</OPTION>
                </SELECT>월
                <select name="일">
                <OPTION>1</OPTION>
                <OPTION>2</OPTION>
                <OPTION>3</OPTION>
                <OPTION>4</OPTION>
                <OPTION>5</OPTION>
                <OPTION>6</OPTION>
                <OPTION>7</OPTION>
                <OPTION>8</OPTION>
                <OPTION>9</OPTION>
                <OPTION>10</OPTION>
                <OPTION>11</OPTION>
                <OPTION>12</OPTION>
                <OPTION>13</OPTION>
                <OPTION>14</OPTION>
                <OPTION>15</OPTION>
                <OPTION>16</OPTION>
                <OPTION>17</OPTION>
                <OPTION>18</OPTION>
                <OPTION>19</OPTION>
                <OPTION>20</OPTION>
                <OPTION>21</OPTION>
                <OPTION>22</OPTION>
                <OPTION>23</OPTION>
                <OPTION>24</OPTION>
                <OPTION>25</OPTION>
                <OPTION>26</OPTION>
                <OPTION>27</OPTION>
                <OPTION>28</OPTION>
                <OPTION>29</OPTION>
                <OPTION>30</OPTION>
                <OPTION>31</OPTION>
                </select>일
            </td>
        </tr>
 
        <tr>
            <td align="center"><b>관심분야:</td>
            <td><input type="checkbox" name="관심분야" value="컴퓨터">컴퓨터</input>
                <input type="checkbox" name="관심분야" value="인터넷">인터넷</input>
                <input type="checkbox" name="관심분야" value="여행">여행</input>
                <input type="checkbox" name="관심분야" value="영화감상">영화감상</input>
                <input type="checkbox" name="관심분야" value="음악감상">음악감상</input>
            </td>
        </tr>
 
        <tr>
            <td align="center"><b>자기소개</td>
            <td><textarea rows="5" cols="80" name="자기소개"></textarea></td>
        </tr>
    </table>
    <br><br>
 
    <p align="center">
        <input type="submit" name="회원가입" value="회원 가입"></input>
        <input type="reset" name="다시입력" value="다시 입력"></input>
    </p>
</body>
</html>
 
cs



아래는 출력 결과입니다~~



댓글 , 엮인글
코듕
블로그 이미지 코듕 님의 블로그
MENU
CATEGORY
VISITOR 오늘 / 전체

티스토리툴바