首页 > 代码库 > HTML第三天作业做的表格

HTML第三天作业做的表格

  1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2 "http://www.w3.org/TR/xhtml1/TDT/xhtml1-strit.dtd">
  3 <html>
  4 <head>
  5 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
  6 <title>第三天作业</title>
  7 <style type="text/css">
  8 body{
  9     margin:0;
 10     padding:0;
 11 }
 12 </style>
 13 </head>
 14 <body>
 15 <form name="form1" id="form1" method="get" action="login.php" >
 16 <!--第一个部分-->
 17     <table width="900"  align="center" border="1" bordercolor="#skyblue" color="#00f" cellpadding="10" cellspacing="0"  >
 18         <tr height="50">
 19             <td colspan="3" bgcolor="skyblue"><b>1.用户登录名和密码</b></td>
 20         </tr>
 21         <tr  height="40">
 22             <td align="right">
 23                 用户名:
 24             </td>
 25             <td align="left" width="300">
 26                 <input type="text" name="用户名" size="30"/ >*
 27             </td>
 28             <td>
 29             <input type="button" value="检测用户名" />
 30             5-15位,请使用英文(a-z,A-Z),数字(0-9)
 31             </td>
 32         </tr>
 33         <tr height="40">
 34             <td align="right">密 码:</td>
 35             <td align="left" >
 36                 <input type="password" name="密码"  size="30" />*
 37             </td>
 38             <td>
 39                 5-15位,请使用英文(a-z,A-Z),数字(0-9);<br>
 40                 密码不能与登录名相同;易记,难猜.
 41             </td>
 42         </tr>
 43         <tr height="40">
 44             <td align="right">再次输入密码:</td>
 45             <td align="left">
 46                <input type="password" name="再次输入密码"  size="30"/>*
 47             </td>
 48             <td>
 49                 两次输入的密码必须一致.
 50             </td>
 51         </tr>
 52 </table>
 53 <!--第二个部分-->
 54 <table width="900"  align="center" border="1" bordercolor="#skyblue" color="#00f" cellpadding="10" cellspacing="0">
 55         <tr height="50" >
 56             <td colspan="3" bgcolor="skyblue"><b>2.姓名和联系方式</b></td>
 57         </tr>
 58         <tr height="40" >
 59             <td align="right">真实姓名:</td>
 60             <td align="left" width="300">
 61                 <input type="text" name="用户名" size="30"/ >*
 62             </td>
 63         <td >
 64             <!--单选框-->
 65             <input type="radio" name="sex"   checked="checked" value="男" /> 66             <input type="radio" name="sex"   value="女" /> 67         </td>
 68         </tr>
 69         <tr height="40">
 70             <td align="right">电子邮箱:</td>
 71             <td align="left">
 72                 <input type="text" name="电子邮箱" size="30" / >*
 73             </td>
 74             <td>
 75                 <b>非常重要!</b><br>这是客户与您联系的首选方式,请填写真实.
 76             </td>
 77         </tr>
 78         <tr height="40">
 79             <td align="right">固定电话:</td>
 80             <td align="left">
 81                 <input type="text" name="固定电话" size="30"/ >*
 82             </td>
 83             <td>
 84                 区号+电话号码
 85             </td>
 86         </tr>
 87         <tr height="40">
 88             <td align="right">公司所在地:</td>
 89             <td colspan="2">
 90             <select name="城市名">
 91                 <!--下拉选择框-->
 92                 <option value="" selected="selected" >北京  </option>
 93                 <option value="北京东">北京东</option>
 94                 <option value="北京西">北京西</option>
 95                 <option value="北京南">北京南</option>
 96                 <option value="北京北">北京北</option>
 97             </select>
 98             <select name="地区名">
 99                 <!--下拉选择框-->
100                 <option value="" selected="selected" >东城  </option>
101                 <option value="北京东">北京东</option>
102                 <option value="北京西">北京西</option>
103                 <option value="北京南">北京南</option>
104                 <option value="北京北">北京北</option>
105             </td>
106         </tr>
107         <tr height="40">
108             <td align="right">街道地址:</td>
109             <td align="left">
110                 <input type="text" name="街道地址" size="30"/ >*
111             </td>
112             <td>
113                 填写县,街道,门牌号
114             </td>
115         </tr>
116         <tr height="40">
117             <td align="right">传真号码:</td>
118             <td align="left">
119                 <input type="text" name="传真号码" size="30"/ >
120             </td>            
121         </tr>
122         <tr height="40">
123             <td align="right">手机号码:</td>
124             <td align="left">
125                 <input type="text" name="手机号码" size="30"/ >
126             </td>        
127         </tr>
128         <tr height="40">
129             <td align="right">邮政编码:</td>
130             <td align="left">
131                 <input type="text" name="邮政编码" size="30"/ >
132             </td>
133         </tr>
134 </table>
135 <!--第三个部分-->
136 <table  width="900"  align="center" border="1" bordercolor="#skyblue" color="#00f" cellpadding="10" cellspacing="0">
137             <tr height="50">
138             <td colspan="3" bgcolor="skyblue"><b>3.公司名称和主营业务</b></td>
139         </tr>
140             <tr height="40">
141                 <td align="right">贵公司名称:</td>
142                 <td align="left" width="300">
143                     <input type="text" name="贵公司名称" size="30"/ >*
144                 </td>
145                 <td>
146                     请填写在工商局注册的公司/商号全称;<br>无商号的个体经营者填写执照上的姓名,如:张三(个体经营)
147                 </td>
148             </tr>
149             <tr height="40">
150                 <td align="right">你的职称:</td>
151                 <td align="left">
152                     <input type="text" name="你的职称" size="30"/ >*
153                 </td>
154             </tr>
155             <tr height="40">
156                 <td align="right">主营行业:</td>
157                 <td >
158                     <select name="行业名称">
159                     <!--下拉选择框-->
160                     <option value="" selected="selected" >  电子电工  </option>
161                     <option value="电子电工">电子电工</option>
162                     <option value="电子电工">电子电工</option>
163                     <option value="电子电工">电子电工</option>
164                     <option value="电子电工">电子电工</option>
165                     </select>
166                 </td>
167                 <td>请正确选择.您会收到该行业,该产品的供求信息</td>
168             </tr>
169             <tr height="40">
170                 <td align="right">主营产品/服务:</td>
171                 <td align="left">
172                     <input type="text" name="主营产品/服务" size="30"/ >
173                 </td>
174                 <td>3个主要相关产品名/服务名,最少填一个.例如:太阳帽,布料</td>
175             </tr>
176             <tr height="40">
177                 <td align="right">公司网址:</td>
178                 <td align="left">
179                     <input type="text" name="公司网址" size="30" placeholder="http://" />
180                 </td>
181                 <td></td>
182             </tr>
183             <tr height="40">
184                 <td colspan="3" align="center" height="40" width="50" style="background-color:‘green‘ ;border:1px solid blue;">
185                     <input type="submit" name="确认提交" value="确认提交" >
186                     
187                 </td>
188             </tr>
189         </table>
190 
191 </form>
192 
193 </body>
194 </html>
195 <script>
196 
197 </script>

 

HTML第三天作业做的表格