在html中页面注册是常看到的,也是常用的,今天我们就来做个练习:完整的页面注册
实现代码如下:
<html>
<head>
<title>注册页面</title>
<meta charset="utf-8"/>
</head>
<body>
<h3 align="center">注册页面</h3>
<hr />
<form action="">
<table border="1px" cellpadding="10px" cellspacing="0px" align="center">
<tr height="35px">
<td width="100px">用户名</td>
<td width="200px">
<input type="text" name="uname" id="" value="" placeholder="用户名不能为空"/>
</td>
</tr>
<tr height="35px">
<td>密码</td>
<td>
<input type="password" name="pwd" id="pwd" value="" placeholder="请输入密码"/>
</td>
</tr>
<tr height="35px">
<td>邮箱</td>
<td>
<input type="text" name="yu" id="" value="" placeholder="请输入qq邮箱"/>
</td>
</tr>
<tr height="35px">
<td>手机号</td>
<td>
<input type="text" name="phone" id="" value="" placeholder="请填写正确的手机号"/>
</td>
</tr>
<tr height="35px">
<td>性别</td>
<td>
男<input type="radio" name="set" id="set" value="1" />
女<input type="radio" name="set" id="set" value="0" />
</td>
</tr>
<tr height="35px">
<td>爱好:</td>
<td>
<input type="checkbox" name="fav" id="fav" value="1"/>旅行
<input type="checkbox" name="fav" id="fav" value="1"/>打球
<input type="checkbox" name="fav" id="fav" value="1"/>跑步
<input type="checkbox" name="fav" id="fav" value="1"/>游泳
</td>
</tr>
<tr height="35px">
<td>籍贯:</td>
<td>
<select name="address" id="">
<option value="1">商丘</option>
<option value="">石家庄</option>
<option value="">海淀</option>
<option value="">保定</option>
<option value="">信阳</option>
</select>
</td>
</tr>
<tr height="35px">
<td>个人简历:</td>
<td>
<textarea name="intor" rows="4" cols="20"></textarea>
</td>
</tr>
<tr height="35px">
<td colspan="2" align="center">
<input type="checkbox" name="agree" id="agree" value="1"/>是否同意本公司协议?
</td>
</tr>
<tr height="35px">
<td colspan="2" align="center">
<input type="submit" value="注册" />
</td>
</tr>
</table>
</form>
</body>
</html>
运行效果: