본문 바로가기

Programming/[HTML]

[HTML] 회원가입 창 만들기

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
<!doctype html>
<html lang="en">
 <head>
  <title>회원 가입</title>
 </head>
 <body>
     <form action="MAILTO:메일주소@naver.com" method="post" enctype="text/plain">
     <table align="center" border="1" bordercolor="skyblue">
         <tr>
             <td colspan="2" align="center" bgcolor="skyblue">
                 회원 기본 정보
             </td>
         </tr>
         <tr>
             <td align="center" bgcolor="pink"> 아이디 :</td>
             <td> <input type="id" name="id" maxlength="8" size="8"> 4~8자의 영문 대소문자와 숫자로만 입력</td>
         </tr>
         <tr>
             <td align="center" bgcolor="pink"> 비밀번호 : </td>
             <td><input type="password" name="password" maxlength="12" size="12"> 4~12자리의 영문 대소문자와 숫자로만 입력</td>
         </tr>
         <tr>
             <td align="center" bgcolor="pink"> 비밀번호 확인 : </td>
             <td> <input type="password" name="password" maxlength="12" size="12"> </td>
         </tr>
         <tr>
             <td align="center" bgcolor="pink"> E-mail</td>
             <td><input type="E-mail" name="E-mail" size="10"> @ 
                 <select>
                     <option>naver.com</option>
                     <option>google.com</option>
                     <option>daum.net</option>
                 </select> ex) id@mail.com</td>
         </tr>
         <tr>
             <td align="center" bgcolor="pink"> 이름 : </td>
             <td><input type="name" name="name" size="7"></td>
         </tr>
         <tr>
             <td colspan="2" align="center" bgcolor="skyblue"> 개인 신상 정보 </td>
         </tr>
         <tr>
             <td align="center" bgcolor="pink">주민등록번호 : </td>
             <td> <input type="personnumber" name="personnumber" maxlength="6" size="6"> - <input type="password" name="personnumber" maxlength="7" size="7"> ex)123456-1234567</td>
         </tr>
         <tr>
             <td align="center" bgcolor="pink">생일 : </td>
             <td><input type="birthyy" name="birthyy" size="5">년 
                 <select>
                     <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>
                     <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" bgcolor="pink">관심분야 : </td>
             <td> <input type="checkbox" name="컴퓨터"> 컴퓨터
                 <input type="checkbox" name="안터넷"> 인터넷
                 <input type="checkbox" name="여행"> 여행
                 <input type="checkbox" name="영화감상"> 영화감상
                 <input type="checkbox" name="음악감상"> 음악감상
             </td>
         </tr>
         <tr>
             <td align="center" bgcolor="pink">자기소개 : </td>
             <td><textarea cols="60"></textarea></td>
         </tr>
     </table>
     <center>
         <input type="submit" name="submit" value="회원가입">
        <input type="reset" name="reset" value="다시입력">
    </center>
</form>
 </body>
</html>
cs

 

'Programming > [HTML]' 카테고리의 다른 글

[HTML] HTML 약어집  (0) 2018.04.03