首页 > 代码库 > 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
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。