标签：用户名 pad 方式 img body pass pac form 单元格
有点繁琐，我是用<table>包住<form>的。所以写的看起来很乱。
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
table
{
border-collapse: collapse; /*合并单元格*/
border: none;
}
td
{
border: solid #eaeaea 1px;
}
</style>
</head>
<body>
<table border="1" cellspacing="0" cellspacing="0" cellpadding="10" align="center">
<tr bgColor="#f0f0f0" >
<td colspan="3"><!--合并单元格-->
<font size="2" align="letf"><b>1.会员登录名和密码</b></font></td>
</tr>
<tr >
<td align="right" height="30" width="150">
用户名：
</td>
<td height="30" width="200">
<form>
<input type="text" name="username"><font color="red" >*</font>
</form>
</td>
<td height="30" width="600">
<form><!--这里也可以用<button>-->
<input type="submit" value="检测用户名">
<font color="#00cccc" size="2">5-15位，请使用英文(a-z、A-Z)、数字(0-9)</font>
</form>
</td>
</tr>
<tr>
<td align="right">
密码：
</td>
<td>
<form>
<input type="password" name="pwd"><font color="red">*</font>
</form>
</td>
<td>
<font color="#00cccc" size="2">
5-15位，请使用英文(a-z)、数字(0-9)注意区分大小写；<br>密码不能与登录名相同；易记；难猜
</font>
</td>
</tr>
<tr>
<td align="right">
再次输入密码：
</td>
<td>
<form>
<input type="password" name="pwd"><font color="red">*</font>
</form>
</td>
<td>
<font color="#00cccc" size="2">两次输入的密码必须一致</font>
</td>
</tr>
<tr bgColor="#f0f0f0" >
<td colspan="3"><font size="2" align="letf"><b>2.姓名和联系方式</b></font></td>
</tr>
<tr>
<td align="right">
真实姓名：
</td>
<td>
<form>
<input type="text" name="realName"><font color="red">*</font>
</form>
</td>
<td>
<form>
<input type="radio" name="sex"><font size="2">先生</font>
<input type="radio" name="sex"><font size="2">小姐</font>
</form>
</td>
</tr>
<tr>
<td align="right">
电子邮箱：
</td>
<td>
<form>
<input type="text" name="E-mail"><font color="red">*</font>
</form>
</td>
<td>
<font size="2" color="red"><b>非常重要！</b></font><br>
<font size="2" color="#00cccc">这是客户与您联系的首选方式，请一定填写真实。</font>
</td>
</tr>
<tr>
<td align="right">
固定电话：
</td>
<td>
<form>
<input type="text" name="Number"><font color="red">*</font>
</form>
</td>
<td>
<font size="2" color="#00cccc">区号+电话号码</font>
</td>
</tr>
<tr>
<td align="right">
公司所在地：
</td>
<td colspan="2">
<select style="width:150px;">
<option value="1" >北京</option>
<option value="2">北京</option>
<option value="3">北京</option>
<option value="4">北京</option>
</select>
<select>
<option value="5">朝阳区</option>
<option value="6">朝阳区</option>
<option value="7">朝阳区</option>
<option value="8">朝阳区</option>
</select>
</td>
</tr>
<tr>
<td align="right" >
街道地址：
</td>
<td colspan="2">
<form>
<input type="text" name="home" style="width:300px;">
<font color="red">*</font>
<font size="2" color="#00cccc">填写县（区）、街道、门牌号</font>
</form>
</td>
</tr>
<tr align="right">
<td>
传真号码：
</td>
<td colspan="2" align="left">
<form>
<input type="text" name="xNumber">
</form>
</td>
</tr>
<tr align="right">
<td>
手机号码：
</td>
<td colspan="2" align="left">
<form>
<input type="text" name="phoneNumber">
</form>
</td>
</tr>
<tr align="right">
<td>
邮政编码：
</td>
<td colspan="2" align="left">
<form>
<input type="text" name="bianma">
</form>
</td>
</tr>
<tr bgColor="#f0f0f0" >
<td colspan="3"><font size="2" align="letf"><b>3.公司名称和主营业务</b></font></td>
</tr>
<tr align="right">
<td>
贵公司名称：
</td>
<td align="left">
<form>
<input type="text" name="companyName"><font color="red">*</font>
</form>
</td>
<td align="left">
<font size="2" color="#00cccc">请填写在工商局注册的公司/商号全称;<br>
无商号的个体经营者填写执照上的姓名，如：张三（个体经营）</font>
</td>
</tr>
<tr align="right">
<td>
你的职位：
</td>
<td align="left">
<form>
<input type="text" name="zhiye"><font color="red">*</font>
</form>
</td>
</tr>
<tr align="right">
<td>
主营行业：
</td>
<td align="left">
<select>
<option value="9">电子电工</option>
<option value="10">电子电工</option>
<option value="11">电子电工</option>
<option value="12">电子电工</option>
</select>
</td>
<td align="left">
<font size="2" color="#00cccc">请正确选择。您会收到该行业、该产品的供求信息</font>
</td>
</tr>
<tr>
<td align="right">
主营产业/服务：
</td>
<td colspan="2">
<form>
<input type="text" name="home" value="" style="width:300px;">
<font color="red">*</font>
<font size="2" color="#00cccc">3个主要相关产品名/服务名，最少要填一个。例如：太阳帽，布料，拉链</font>
</form>
</td>
</tr>
<tr>
<td align="right">
公司网址：
</td>
<td colspan="2">
<form>
<input type="text" name="home" value="http://" style="width:300px;">
</form>
</td>
</tr>
<tr align="right">
<td colspan="2">
<a href="#"><img src="01.bmp" /></a>
<td>
</tr>
</table>
</body>
</html>
标签：用户名 pad 方式 img body pass pac form 单元格
原文地址：http://www.cnblogs.com/zhang17/p/6107560.html
