表格

  1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
  2 "http://www.w3.org/TR/html4/strict.dtd">
  3 
  4 <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
  5     <head>
  6         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  7         <style type="text/css">
  8         table{
  9             border-collapse:collapse            
 10         }                            
 11         </style>
 12         <title></title>
 13     </head>
 14     <body>
 15         <form action="" method="post">
 16             <table border="1" width="50%" cellspacing="0" cellpadding="6" align="center"  >
 17                 <!--会员登录名和密码开始-->
 18                 <tr bgcolor=""azure>
 19                     <td colspan="3" bgcolor="#f9f9f9" ><b>1.会员登录名和密码</b></td>                
 20                 </tr>
 21                 <tr>
 22                     <td align="right">用户名:</td>
 23                     <td><input  type="text"  name="user"/><font color="red">*</font></td>
 24                     <td><input type="button" value="检测用户名"/><font color="#36bce2" size="2" face="幼圆">5-15位,请使用英文(a-z、A-Z)、数值(0-9)</font></td>
 25                 </tr>
 26                 <tr>
 27                     <td align="right">密 码:</td>
 28                     <td><input type="password" name="password"/><font color="red">*</font></td>
 29                     <td> <font color="#36bce2" size="2" face="幼圆">5-15位,请使用英文(a-z)、数值(0-9)注意区分大小写;<br>密码不能与登录名相同;易记;难猜</font></td>
 30                 </tr>
 31                 <tr>
 32                     <td align="right">再次输入密码:</td>
 33                     <td><input  type="password"   name="password"/><font color="red">*</font></td>
 34                     <td> <font color="#36bce2" size="2" face="幼圆">两次输入的密码必须一致</font></td>
 35                 </tr>
 36                     <!--会员登录名和密码结束-->
 37                     <!--姓名和联系方式开始-->
 38                 <tr>
 39                     <td colspan="3" bgcolor="#f9f9f9"><b>2.姓名和联系方式</b></td>                
 40                 </tr>
 41                 <tr>
 42                     <td align="right">真实姓名:</td>
 43                     <td><input  type="text"  name="user"/><font color="red">*</font></td>
 44                     <td>
 45                          <input type="radio" checked="checked" name="Sex" value="male">先生                                                     
 46                          <input type="radio" name="Sex" value="female">小姐                    
 47                     </td>
 48                 </tr>
 49                 <tr>
 50                     <td align="right">电子邮箱:</td>
 51                     <td><input  type="text"   name="mailbox"/><font color="red">*</font></td>
 52                     <td> <font color="#ff0000" size="2" face="幼圆">非常重要!<br></font><font color="#36bce2" size="2" face="幼圆">这是客户与您联系的首选方式,请一定填写真实</font></td>
 53                 </tr>
 54                 <tr>
 55                     <td align="right">固定电话:</td>
 56                     <td><input  type="text"   name="telephone number"/><font color="red">*</font></td>
 57                     <td> </font><font color="#36bce2" size="2" face="幼圆">区号+电话号码</font></td>
 58                 </tr>
 59                 <tr>
 60                     <td align="right">公司所在地:</td>
 61                     <td colspan="3">
 62                     <form>
 63                         <select name="city">
 64                             <option>北京  </option>
 65                             <option>上海</option>
 66                             <option>广州</option>
 67                             <option>深圳</option>
 68                         </select>
 69                         <select name="area">
 70                             <option>东城  </option>
 71                             <option>南城</option>
 72                             <option>西城</option>
 73                             <option>北城</option>
 74                         </select>
 75                     </form>    
 76                     </td>            
 77                 </tr>                                
 78                 <tr>
 79                     <td align="right">街道地址:</td>
 80                     <td colspan="3"><input  type="text"   name="address" size="50"><font color="red">*</font><font color="#36bce2" size="2" face="幼圆">填写县(区)、街道、门牌号</font></td>            
 81                 </tr>    
 82                 <tr>
 83                     <td align="right">传真号码:</td>
 84                     <td colspan="3"><input  type="text"   name="fax" ></td>            
 85                 </tr>    
 86                 <tr>
 87                     <td align="right">手机号码:</td>
 88                     <td colspan="3"><input  type="text"   name="mobile phone" ></td>            
 89                 </tr>    
 90                 <tr>
 91                     <td align="right">邮编地址:</td>
 92                     <td colspan="3"><input  type="text"   name="postcode" ></td>            
 93                 </tr>
 94                     <!--姓名和联系方式结束-->
 95                     <!--公司名称和主营业务开始-->
 96                 <tr>
 97                     <td colspan="3" bgcolor="#f9f9f9"><b>3.公司名称和主营业务开始</b></td>                
 98                 </tr>
 99                 <tr>
100                     <td align="right">贵公司名称:</td>
101                     <td><input  type="text"  name="company name"/><font color="red">*</font></td>
102                     <td> <font color="#36bce2" size="2" face="幼圆">请填写在工商局注册的公司/商号全称;<br>无商号的个体经营者填写执照的姓名,如:张三(个体经营)</font></td>                 
103                 </tr>
104                 <tr>
105                     <td align="right">你的职位:</td>
106                     <td ><input  type="text"   name="job" ><font color="red">*</font></td>
107                     <td></td>
108                 </tr>
109                 <tr>
110                     <td align="right">公司所在地:</td>
111                     <td>
112                     <form>
113                         <select name="business">
114                             <option value="volvo">电子电工</option>
115                             <option value="saab">信息技术</option>
116                             <option value="fiat">机械工程</option>
117                             <option value="audi">建筑</option>
118                         </select>                        
119                     </form>    
120                     </td>
121                     <td> <font color="#36bce2" size="2" face="幼圆">请正确选择。您会收到该行业、该产品的供求信息</font></td>    
122                 </tr>
123                 <tr>
124                     <td align="right">主营产品/服务:</td>
125                     <td colspan="3"><input  type="text"   name="address" size="40"><font color="red">*</font><font color="#36bce2" size="2" face="幼圆">3个主要相关产品名/服务名,最少要填一个。例如:太阳帽,布料,拉链</font></td>            
126                 </tr>
127                 <tr>
128                     <td align="right">公司网站:</td>
129                     <td colspan="3"><input  type="text"   name="URL"  placeholder="http://"  size="40"><font color="#36bce2" size="2" face="幼圆"></font></td>            
130                 </tr>
131                 <!--公司名称和主营业务结束-->
132                 <tr>
133                     <td></td>
134                     <td colspan="2"><input type="image" src="确认提交.png"  width="120" ></td>            
135                 </tr>
136             </table>
137             
138             
139     </form>
140     </body>
141 </html>

 

 

 

posted on 2016-11-27 22:58  91xiaozhu  阅读(142)  评论(1编辑  收藏  举报