본문으로 바로가기

[HTML][회원 가입 양식]

category HTML 2018. 4. 4. 13:20

the space coding

HTML

회원가입 틀짜보 기 (매세지로 값보네는 것까지 ~!) 

 코드 보기전에  알아야할  태그

form, table, tr, td, input, select, option, textarea

어려운 것없으니  어떤 반응이 일어나는 지만 간단하게 알고 보면 이해하기 쉽다 

특히 form은  주의 깊이 볼필요가 있다 !



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
<html>
<head>
  <title>form태그 input태그</title>
  
</head>
<meta charset="utf-8">
<body>
<center >
  <form action="MAILTO:tjs1916@naver.com" method="post" enctype="text/plain">
<table align="center" width="600" height="700" border="2">
    <tr>
     <td colspan=2  align="center" bgcolor="#FFFF00">
       회원 기존 정보
     </td>  
  </tr>
 
  <tr>
       <td >아이디:</td>
        <td ><input name="id1"  type="text" value=""/>4~12자의 영문 대문자와 숫자로만입력<br></td>
  </tr>
  <tr>
       <td >비밀번호:</td>
        <td ><input name="pwd1"  type="password"  />4~12자의 영문 대문자와 숫자로만입력<br></td>
  </tr>
  <tr>
       <td >비밀번호 확인:</td>
        <td ><input name="pwd2"  type="password"/> <br>
          </td>
  </tr>
   <tr>
       <td >이메일 주소:</td>
        <td ><input name="address"  type="text"/>
          예)id@domain.com
         <br></td>
  </tr>
   <tr>
       <td >이름:</td>
        <td ><input name="name"  type="text"/> <br></td>
  </tr>
 
  <tr>
     <td colspan=2  align="center" bgcolor="#FFFF00">
       개인 신상 정보 
     </td>  
  </tr>
 
    <tr>
       <td >주민등록번호:</td>
       <td >
        <input name="idCardNumber1"  type="number"  />-
        <input name="idCardNumber2"  type="password"  />
        </td>
  </tr>
 
  <tr>
       <td >생일 :</td>
       <td >
        <input name="year"  type="number"  style="width: 50;height: 20"/>년
     
       <select name="month" style="width: 35;height: 20" >
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
      </select>월
       
       <input name="day" type="number" style="width: 35;height: 20" />일
      </td>
  </tr>
 
  <tr>
    <td>관심분야:</td>
 
    <td>
      <p>
       <input name="radio" type="radio" />컴퓨터
       <input name="radio" type="radio" />인터넷
       <input name="radio" type="radio" />여행
       <input name="radio" type="radio" />영화감상
       <input name="radio" type="radio" />음악감상
      </p>
    </td>
  </tr>
 
   <tr>
    <td>관심분야:</td>
      <td >
        <textarea cols="60" name="document" rows="8">
          
        </textarea>
      </td>
    </tr>
 
 
 
    <table align="center">
   <tr>
   <td 
   align="center" colspan="2"><input type="submit" value="회원가입" >
   </td>
   
    <td align="center">
    <input type="reset" value="다시입력">
    </td>
   </tr>
   </table>
 
</table>
 
</form>
 
</center>
</body>
</html>
cs


'HTML' 카테고리의 다른 글

[jQuery][유효성 검서]  (0) 2018.04.09
[html][달력]  (0) 2018.04.06
[html][계산기]  (0) 2018.04.06
[HTML][기초]  (0) 2018.04.04
[HTML][기능 넣어주기]  (0) 2018.04.04