首页 > 代码库 > 2016.11.27

2016.11.27

表格、表单。

  1 <!DOCTYPE html>
  2 <html>
  3     <head>
  4         <meta charset="UTF-8">
  5         <title></title>
  6     </head>
  7     <body>
  8         <form action = "" method = "">
  9             <table border = "0">
 10                 <!--1、会员登录名和密码-->
 11                 <tr>
 12                     <th align = "left">1、会员登录和密码</td>
 13                 </tr>
 14                 <!--用户名:-->
 15                 <tr>
 16                     <td align = "right">
 17                         用户名:
 18                     </td>
 19                     <td>
 20                         <input type = "text" />
 21                     </td>
 22                     <td>
 23                         <font color = "red">*</font>
 24                         <input type = "button" value = "检测用户名"/>
 25                         <font color = "deepskyblue">
 26                             5-15位,请使用英文(a-z、A-Z)、数字(0-9)
 27                         </font>
 28                     </td>
 29                     <!--<td>
 30                         <input type = "button" value = "http://www.mamicode.com/检测用户名"/>
 31                         <font color = "deepskyblue">
 32                             5-15位,请使用英文(a-z、A-Z)、数字(0-9)
 33                         </font>
 34                     </td>-->
 35                 </tr>
 36                 <!--密码-->
 37                 <tr>
 38                 <td align = "right">
 39                     密码:
 40                 </td>
 41                 <td>
 42                     <input type = "password" />
 43                 </td>
 44                 <td>
 45                     <font color = "red">*</font>
 46                     <font color = "deepskyblue">
 47                         5-15位,请使用英文(a-r)、数字(0-9)注意区分大小写;<br />
 48                         密码不能与登录名相同;易记;难猜
 49                     </font>
 50                 </td>
 51                 <!--<td>
 52                     <font color = "deepskyblue">
 53                         5-15位,请使用英文(a-r)、数字(0-9)注意区分大小写;<br />
 54                         密码不能与登录名相同;易记;难猜
 55                     </font>
 56                 </td>-->
 57                 </tr>
 58                 <!--再次输入密码-->
 59                 <tr>
 60                 <td align = "right">
 61                     再次输入密码:
 62                 </td>
 63                 <td>
 64                     <input type = "password" />
 65                 </td>
 66                 <td>
 67                     <font color = "red">*</font>
 68                     <font color = "deepskyblue">
 69                         两次输入密码必须一致
 70                     </font>
 71                 </td>
 72                 <!--<td>
 73                     <font color = "deepskyblue">
 74                         两次输入密码必须一致
 75                     </font>
 76                 </td>-->
 77                 </tr>
 78                 <!--2、姓名和联系方式-->
 79                 <tr>
 80                     <th align = "left">2、姓名和联系方式</th>
 81                 </tr>
 82                 <!--真实姓名-->
 83                 <tr>
 84                     <td align = "right">
 85                         真实姓名:
 86                     </td>
 87                     <td>
 88                         <input type = "text" />
 89                     </td>
 90                     <td>
 91                         <font color = "red">*</font>
 92                         <input type = "radio" name = "sex" value = "先生"/>先生
 93                         <input type = "radio" name = "sex" value = "小姐"/>小姐
 94                     </td>
 95                     <!--<td>
 96                         <input type = "radio" name = "sex" value = "http://www.mamicode.com/先生"/>先生
 97                         <input type = "radio" name = "sex" value = "http://www.mamicode.com/小姐"/>小姐
 98                     </td>-->
 99                 </tr>
100                 <!--电子邮箱-->
101                 <tr>
102                     <td align = "right">
103                         电子邮箱:
104                     </td>
105                     <td>
106                         <input type = "text" />
107                     </td>
108                     <td>
109                         <font color = "red">*</font>
110                         <font color = "red">
111                             非常重要!
112                         </font>
113                         <br />
114                         <font color = "deepskyblue">
115                             这是客户与您联系的首选方式,请一定填写真实。
116                         </font>
117                     </td>
118                     <!--<td>
119                         <font color = "red">
120                             非常重要!
121                         </font>
122                         <br />
123                         <font color = "deepskyblue">
124                             这是客户与您联系的首选方式,请一定填写真实。
125                         </font>
126                     </td>-->
127                 </tr>
128                 <!--固定电话-->
129                 <tr>
130                     <td align = "right">
131                         固定电话:
132                     </td>
133                     <td>
134                         <input type = "text" />
135                     </td>
136                     <td>
137                         <font color = "red">*</font>
138                         <font color = "deepskyblue">
139                             区号+电话号码
140                         </font>
141                     </td>
142                     <!--<td>
143                         <font color = "deepskyblue">
144                             区号+电话号码
145                         </font>
146                     </td>-->
147                 </tr>
148                 <!--公司所在地-->
149                 <tr>
150                     <td align = "right">
151                         公司所在地:
152                         
153                     </td>
154                     
155                 </tr>
156                 <!--街道地址-->
157                 <tr>
158                     <td align = "right">
159                         街道地址:
160                     </td>
161                     <td>
162                         <input type = "text" />
163                     </td>
164                     <td>
165                         <font color = "red">*</font>
166                         <font color = "deepskyblue">
167                             填写县(区)、街道、门牌号
168                         </font>
169                     </td>
170                     <!--<td>
171                         <font color = "deepskyblue">
172                             填写县(区)、街道、门牌号
173                         </font>
174                     </td>-->
175                 </tr>
176                 <!--传真号码-->
177                 <tr>
178                     <td align = "right">
179                         传真号码:
180                     </td>
181                     <td>
182                         <input type = "text" />
183                     </td>
184                 </tr>
185                 <!--手机号码-->
186                 <tr>
187                     <td align = "right">
188                         手机号码:
189                     </td>
190                     <td>
191                         <input type = "text" />
192                     </td>
193                 </tr>
194                 <!--邮政编码-->
195                 <tr>
196                     <td align = "right">
197                         邮政编码:
198                     </td>
199                     <td>
200                         <input type = "text" />
201                     </td>
202                 </tr>
203                 <!--3、公司名称和主营业务-->
204                 <tr>
205                     <th align = "right">
206                     3、公司名称和主营业务:
207                     </th>
208                 </tr>
209                 <!--贵公司名称-->
210                 <tr>
211                     <td align = "right">
212                         贵公司名称:
213                     </td>
214                     <td>
215                         <input type = "text" />
216                     </td>
217                     <td>
218                         <font color = "red">*</font>
219                         <font color = "deepskyblue">
220                             请填写在工商局注册的公司/商号全称;<br />
221                             无商号的个体经营者填写执照上的姓名,如:张三(个体经营)
222                         </font>
223                     </td>
224                     <!--<td>
225                         <font color = "deepskyblue">
226                             请填写在工商局注册的公司/商号全称;<br />
227                             无商号的个体经营者填写执照上的姓名,如:张三(个体经营)
228                         </font>
229                     </td>-->
230                 </tr>
231                 <!--你的职位-->
232                 <tr>
233                     <td align = "right">
234                         你的职位:
235                     </td>
236                     <td>
237                         <input type = "text" />
238                     </td>
239                     <td>
240                         <font color = "red">*</font>
241                     </td>
242                 </tr>
243                 <!--主营行业-->
244                 <tr>
245                     <td align = "right">
246                         主营行业:
247                     </td>
248                     <td>
249                         <select>
250                             <option name = "job" value = "电子电工" selected = "selected">电子电工</option>
251                             <option name = "job" value = "计算机" >计算机</option>
252                         </select>
253                     </td>
254                     <td>
255                         <font color = "deepskyblue">
256                             请正确选择,您会收到该行业、该产品的供求信息
257                         </font>
258                     </td>
259                 </tr>
260                 <!--主营产品/服务-->
261                 <tr>
262                     <td align = "right">
263                         主营产品/服务:
264                     </td>
265                     <td>
266                         <input type = "text" />
267                     </td>
268                     <td>
269                         <font color = "red">*</font>
270                         <font color = "deepskyblue">
271                             3个主要相关产品名/服务名,最少要填一个,例如:太阳帽、布料、拉链
272                         </font>
273                     </td>
274                     <!--<td>
275                         <font color = "deepskyblue">
276                             3个主要相关产品名/服务名,最少要填一个,例如:太阳帽、布料、拉链
277                         </font>
278                     </td>-->
279                 </tr>
280                 <!--公司网址-->
281                 <tr>
282                     <td align = "right">
283                         公司网址:
284                     </td>
285                     <td>
286                         <input type = "text" placeholder = "http://" />
287                     </td>
288                 </tr>
289                 <!--提交按钮-->
290                 <!--<tr>
291                     <td bgcolor="aquamarine">
292                         <input width = "100%" type = "button" value = "http://www.mamicode.com/确认提交"/>
293                     </td>
294                 </tr>-->
295                 <!--<input width = "100%" type = "button" value = "http://www.mamicode.com/确认提交"/>-->
296             </table>
297             
298                 
299             <!--<input width = "200%" type = "button" value = "http://www.mamicode.com/确认提交"/>-->
300             <button align = "center" style="background: dodgerblue;">提交表单</button>
301         </form>
302     </body>
303 </html>

 

2016.11.27