表单的制作效果!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>
<form action="haha" method='post'>
<table border="1" cellpadding='5' cellspacing='0' width="730" rules="all"bordercolor='F3F3F3'>
<tr>
<td colspan="3" font bgcolor="F9F9F9"><b>1.会员登录名和密码</b></font></td>
</tr>
<tr>
<td align="right">用户名:</td>
<td width='260'><input type="text"name="user" /><font color="red">* </font></td>
<td><input type="submit" value="检测用户名" > <font size="2" color="46B4FF">5-15位,请使用英文(a-z、A-Z)、数字(0-9)</font></td>
</tr>
<tr>
<td align="right">密 码:</td>
<td><input type="password" name="pass"><font color="red">* </font></td>
<td><font size="2" color="46B4FF">密码不能与登录名相同;易记;难猜</font></td>
</tr>
<tr>
<td align="right" width="360">再次输入密码:</td>
<td><input type="password" name="pass"><font color="red">* </font></td>
<td><font size="2" color="46B4FF">两次输入密码必须一致</font></td>
</tr>
<tr>
<td colspan="3" font bgcolor="F9F9F9"><b>2.姓名和联系方式</b></font></td>
</tr>
<tr>
<td align="right">真实姓名:
<td><input type="text" name="user"><font color="red">* </font></td>
<td><input type="radio" checked="checked" name="Sex" value="male" /><font size="2">先生</font>
<input type="radio" name="Sex" value="female" /><font size="2" >小姐</font>
</td>
</tr>
<tr>
<td align="right">电子邮箱:</td>
<td><input type="text" name="user"><font color="red">* </font></td>
<td><font color="red" size="2">非常重要!</font><br><font size="2" color="46B4FF">这是客户与您的首选联系方式,请一定要填写真实。</font></td>
</tr>
<tr>
<td align="right">固定电话:</td>
<td><input type="text" name="user"><font color="red">* </font></td>
<td><font size="2" color="46B4FF">区号+电话号码</font ></td>
</tr>
<tr>
<td align="right">公司所在地:</td>
<td colspan="2">
<select name="ss">
<option value="中国">北京</option>
<option value="中国">大大大大大北京</option>
</select>
<select name="sd">
<option value="中国">西城</option>
</select></td>
</tr>
<tr>
<td align="right">街道地址:
<td colspan="2"><input type="text" name="user" size='45'><font size="2" color="46B4FF"><font color='red'>*</font>填写县(区)、街道、门牌号</font></td>
</tr>
<tr>
<td align="right">传真号码:</td>
<td colspan="2"><input type="text" name="user"></td>
</tr>
<tr>
<td align="right">手机号码:</td>
<td colspan="2"><input type="text" name="user"></td>
</tr>
<tr>
<td align="right">邮政编码:</td>
<td colspan="2"><input type="text" name="user"></td>
</tr>
<tr><td colspan="3" font bgcolor="F9F9F9"><b>3.公司名称和主营业务</b></font></td>
</tr>
<tr>
<td align="right" width="150">贵公司名称</td>
<td ><font color="red"><input type="text" name="user">* </font></td>
<td width="800"><font size="2" color="46B4FF">请填写工商局注册的公司/商号全称:无商号的个体经营者填写执照上的姓名,如:张三:(个体经营)</font></td>
</tr>
<tr>
<td align="right">你的职位:</td>
<td colspan="2"><input type="text" name="user"><font color="red">* </font></td>
</tr>
<tr>
<td align="right">主营行业:</td>
<td>
<select>
<option>电子电工</option>
<option>服装</option>
</select></td>
<td><font size="2" color="46B4FF">请正确选择。您会收到该行业、该产品的供求信息</font></td>
</tr>
<tr>
<td>主营产品/服务:</td>
<td colspan="2"><input type="text" name="chi"><font color="red">* </font><font size="2" color="46B4FF">3个主要相关的产品,最少填写一个。例如:太阳帽,布料,拉链</font></td>
</tr>
<tr>
<td align="right">公司网址:</td>
<td colspan="2"><input type="text" name="user" value="http://"></td>
</tr>
<tr>
<td align=""right""></td>
<td colspan="2"><input type="image" src="submit.png" /></td>
</tr>
</table>
</form>

</body>
</html>

posted @ 2016-11-28 00:47  浪里个浪浪  阅读(129)  评论(2编辑  收藏  举报