1 注册页面的html设计
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>register an account</title>
</head>
<body>
<form action="#" method="get">
<table border="1" cellpadding="3" cellspacing="0">
<tr>
<td align="left" bgcolor=gray colspan="3"><b>1.会员登录名和密码
</td>
</tr>
<tr >
<td align="right">用户名:</td>
<td><input type="text" name="username" value="马上注册,百万红包"></input><br />
</td>
</tr>
<tr>
<td align="right">密 码:</td>
<td><input type="password" name="password"></input><br /></td>
</tr>
<tr>
<td align="right">再次输出密码:</td>
<td><input type="password" name="password"></input><br /></td>
</tr>
<tr>
<td align="left" bgcolor=gray colspan="3"><b>2.姓名和联系方式</td>
</tr>
<tr>
<td align="right">真实姓名:</td>
<td><input type="text" name="name"/></td>
<td><input type="radio" name="gender" value="boy" checked/>先生
<input type="radio" name="gender" value="girl"/>小姐</td>
</tr>
<tr>
<td align="right">电子邮箱:</td>
<td><input type="email" name="email" value="12306@"/></td>
</tr>
<tr>
<td align="right">固定电话:</td>
<td><input type="number" name="tel" value="183"/></td>
</tr>
<tr>
<td align="right">公司所在地:</td>
<td>
<select name="city">
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="guangzhou">广州</option>
<option value="shenzhen">深圳</option>
<option value="chengdu">成都</option>
</select>
<select name="town">
<option value="volvo">东城</option>
<option value="saab">朝阳</option>
<option value="fiat" selected="selected">中关村</option>
<option value="audi">五环</option>
</select>
</td>
</tr>
<tr>
<td align="right">街道地址:</td>
<td><input type="text" name="citynum"/></td>
</tr>
<tr>
<td align="right">传真号码:</td>
<td><input type="number" name="cznum"/></td>
</tr>
<tr>
<td align="right">手机号码:</td>
<td><input type="number" name="telnum"/></td>
</tr>
<tr>
<td align="right">邮政编码:</td>
<td><input type="number" name="postal"/></td>
</tr>
<tr>
<td align="left" bgcolor=gray colspan="3"><b>3.公司名称和主营业务</td>
</tr>
<tr>
<td align="right">贵公司名称:</td>
<td><input type="text" name="company"/></td>
</tr>
<tr>
<td align="right">您的职位:</td>
<td><input type="text" name="position"/></td>
</tr>
<tr>
<td align="right">主营行业:</td>
<td>
<select name="job" multiple size="2">
<option>前端工程师</option>
<option>java框架师</option>
<option>计算机科技</option>
<option>电气工程及其自动化</option>
</select>
</td>
</tr>
<tr>
<td align="right">主营产品/服务:</td>
<td><input type="text"/></td>
</tr>
<tr>
<td align="right">公司网址:</td>
<td><input type="url" value="http:"/></td>
</tr>
<tr>
<td align=center colspan="3">
<input type="submit" value="注册成功"/>
</td>
</tr>
<tr>
<td align=center colspan="3">
<input type="image" src ="images/butter.png"/>
</td>
</tr>
</table>
</form>
</body>
</html>