码迷,mamicode.com
首页 > 其他好文 > 详细

盛世恒通网的用户注册页面

时间:2016-11-21 22:40:10      阅读:608      评论:0      收藏:0      [点我收藏+]

标签:单选   重要   pac   技术   使用   class   title   name   contract   

技术分享
  1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2 <html>
  3  <head>
  4   <title> 盛世恒通网的用户注册页面 </title>
  5   <meta http-equiv="content-type" content="text/html;charset=utf-8">
  6   <style type="text/css"> 
  7     table 
  8         { 
  9             border-collapse: collapse; 
 10             border: none; 
 11         } 
 12     td 
 13         { 
 14             border: solid #eaeaea 1px; 
 15         } 
 16     </style> 
 17  </head>
 18 
 19  <body>
 20 <!--整体表格-->
 21   <table border="1" cellspacing="0" cellspacing="0" cellpadding="10" align="center">
 22 <!--会员登录名和密码-->
 23     <tr bgColor="#f0f0f0" >
 24         <td colspan="3"><font size="2" align="letf"><b>1.会员登录名和密码</b></font></td>
 25     </tr>
 26 <!--用户名行-->
 27 <!--用户名-->
 28     <tr >
 29         <td align="right" height="30" width="150">
 30             用户名:
 31         </td>
 32 <!--用户名文本域-->
 33         <td height="30" width="200">
 34             <form>
 35                 <input type="text" name="username"><font color="red" >*</font>
 36             </form>
 37         </td>
 38 <!--按钮解释-->
 39         <td height="30" width="600">
 40             <form>
 41                 <input type="submit" value="检测用户名"><font color="#00cccc" size="2">5-15位,请使用英文(a-z、A-Z)、数字(0-9)</font>
 42             </form>
 43         </td>
 44     </tr>
 45 <!--密码行-->
 46 <!--密码-->
 47     <tr>
 48         <td align="right">
 49&nbsp;&nbsp;&nbsp;&nbsp;码:
 50         </td>
 51 <!--密码文本域-->
 52         <td>
 53             <form>
 54                 <input type="password" name="pwd"><font color="red">*</font>
 55             </form>
 56         </td>
 57 <!--解释-->
 58         <td>
 59             <font color="#00cccc" size="2">
 60                 5-15位,请使用英文(a-z)、数字(0-9)注意区分大小写;<br>密码不能与登录名相同;易记;难猜
 61             </font>
 62         </td>
 63     </tr>
 64 <!--再次输入密码行-->
 65     <tr>
 66         <td align="right">
 67             再次输入密码:
 68         </td>
 69 <!--再次输入密码文本域-->
 70         <td>
 71             <form>
 72                 <input type="password" name="pwd"><font color="red">*</font>
 73             </form>
 74         </td>
 75 <!--解释说明-->
 76         <td>
 77             <font color="#00cccc" size="2">两次输入的密码必须一致</font>
 78         </td>
 79     </tr>
 80 <!--联系方式和姓名一块-->
 81     <tr bgColor="#f0f0f0" >
 82         <td colspan="3"><font size="2" align="letf"><b>2.姓名和联系方式</b></font></td>
 83     </tr>
 84 <!--真实姓名-->
 85     <tr>
 86         <td align="right">
 87             真实姓名:
 88         </td>
 89 <!--真实姓名文本域-->
 90         <td>
 91             <form>
 92                 <input type="text" name="realName"><font color="red">*</font>
 93             </form>
 94         </td>
 95 <!--单选按钮-->
 96         <td>
 97             <form>
 98                 <input type="radio" name="sex"><font size="2">先生</font>
 99                 <input type="radio" name="sex"><font size="2">小姐</font>
100             </form>
101         </td>
102     </tr>
103 <!--电子邮箱-->
104     <tr>
105         <td align="right">
106             电子邮箱:
107         </td>
108 <!--电子邮箱文本域-->
109         <td>
110             <form>
111                 <input type="text" name="E-mail"><font color="red">*</font>
112             </form>
113         </td>
114 <!--解释说明-->
115         <td>
116             <font size="2" color="red"><b>非常重要!</b></font><br><font size="2" color="#00cccc">这是客户与您联系的首选方式,请一定填写真实。</font>
117         </td>
118     </tr>
119 <!--固定电话-->
120     <tr>
121         <td align="right">
122             固定电话:
123         </td>
124 <!--固定电话文本域-->
125         <td>
126             <form>
127                 <input type="text" name="Number"><font color="red">*</font>
128             </form>
129         </td>
130 <!--解释说明-->
131         <td>
132             <font size="2" color="#00cccc">区号+电话号码</font>
133         </td>
134     </tr>
135 <!--公司所在地-->
136     <tr>
137         <td align="right">
138             公司所在地:
139         </td>
140 <!--公司所在地文本域-->
141         <td colspan="2">
142             <select style="width:200px;">
143                 <option value="1" >北京&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
144                 <option value="2">广州&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
145                 <option value="3">上海&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
146                 <option value="4">东莞&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
147             </select>
148             <select>
149                 <option value="5">朝阳区</option>
150                 <option value="6">天河区</option>
151                 <option value="7">东城区</option>
152                 <option value="8">厚街镇</option>
153             </select>
154         </td>
155     </tr>
156 <!--街道地址-->
157     <tr>
158         <td align="right" >
159             街道地址:
160         </td>
161 <!--街道地址文本域-->
162         <td colspan="2">
163             <form>
164                 <input type="text" name="home" value="" style="width:400px;"><font color="red">*</font><font size="2" color="#00cccc">填写县(区)、街道、门牌号</font>
165             </form>
166         </td>
167 
168     </tr>
169 <!--传真号码-->
170     <tr align="right">
171         <td>
172             传真号码:
173         </td>
174 <!--传真号码文本域-->
175         <td colspan="2" align="left">
176             <form>
177                 <input type="text" name="xNumber">
178             </form>
179         </td>
180     </tr>
181 <!--手机号码-->
182     <tr align="right">
183         <td>
184             手机号码:
185         </td>
186 <!--手机号码文本域-->
187         <td colspan="2" align="left">
188             <form>
189                 <input type="text" name="phoneNumber">
190             </form>
191         </td>
192     </tr>
193 <!--邮政编码-->
194     <tr align="right">
195         <td>
196             邮政编码:
197         </td>
198 <!--邮政编码文本域-->
199         <td colspan="2" align="left">
200             <form>
201                 <input type="text" name="bianma">
202             </form>
203         </td>
204     </tr>
205 <!--公司名称和主营业务块-->
206     <tr bgColor="#f0f0f0" >
207         <td colspan="3"><font size="2" align="letf"><b>3.公司名称和主营业务</b></font></td>
208     </tr>
209 <!--贵公司名称-->
210     <tr align="right">
211         <td>
212             贵公司名称:
213         </td>
214 <!--贵公司名称文本域-->
215         <td align="left">
216             <form>
217                 <input type="text" name="companyName"><font color="red">*</font>
218             </form>
219         </td>
220 <!--解释说明-->
221         <td align="left">
222             <font size="2" color="#00cccc">请填写在工商局注册的公司/商号全称;<br>无商号的个体经营者填写执照上的姓名,如:张三(个体经营)</font>
223         </td>
224     </tr>
225 <!--你的职位-->
226     <tr align="right">
227         <td>
228             你的职位:
229         </td>
230 <!--你的职位文本域-->
231         <td align="left">
232             <form>
233                 <input type="text" name="zhiye"><font color="red">*</font>
234             </form>
235         </td>
236         <td></td>
237     </tr>
238 <!--主营行业-->
239     <tr align="right">
240         <td>
241             主营行业:
242         </td>
243 <!--主营行业下拉框-->
244         <td align="left">
245             <select>
246                 <option value="9">电子电工</option>
247                 <option value="10">电子电工</option>
248                 <option value="11">电子电工</option>
249                 <option value="12">电子电工</option>
250             </select>
251         </td>
252 <!--解释说明-->
253         <td align="left">
254             <font size="2" color="#00cccc">请正确选择。您会收到该行业、该产品的供求信息</font>
255         </td>
256     </tr>
257 <!--主营产业/服务-->
258     <tr>
259         <td align="right">
260             主营产业/服务:
261         </td>
262 <!--文本域-->
263         <td colspan="2">
264             <form>
265                 <input type="text" name="home" value="" style="width:350px;"><font color="red">*</font><font size="2" color="#00cccc">3个主要相关产品名/服务名,最少要填一个。例如:太阳帽,布料,拉链</font>
266             </form>
267         </td>
268     </tr>
269 <!--公司网址-->
270     <tr>
271         <td align="right">
272             公司网址
273         </td>
274 <!--网址文本域-->
275         <td colspan="2">
276             <form>
277                 <input type="text" name="home" value="http://" style="width:350px;">
278             </form>
279         </td>
280     </tr>
281 <!--提交按钮-->
282     <tr>
283         <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
284         <td colspan="2">
285             <a href="#"><img src="images/01.png"></a>
286         <td>
287     </tr>
288   </table>
289  </body>
290 </html>
View Code

技术分享技术分享

盛世恒通网的用户注册页面

标签:单选   重要   pac   技术   使用   class   title   name   contract   

原文地址:http://www.cnblogs.com/ChenGuoW/p/6087046.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!