效果图:
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h3 align="center">用户注册 </h3>
<form action="index.html">
<table align="center" border="1px" cellspacing="0" bgcolor="#dfe8f6">
<tr height="45px">
<td>
用户账号:
</td>
<td>
<input type="text" placeholder="请输入用户名" name="username"/>
</td>
</tr>
<tr height="45px">
<td>
用户密码:
</td>
<td>
<input type="password" name="password" />
</td>
</tr>
<tr height="45px">
<td>
确认账号:
</td>
<td>
<input type="password" name="repassword" />
</td>
</tr>
<tr height="45px">
<td>
真实姓名:
</td>
<td>
<input type="text" name="name" />
</td>
</tr>
<tr height="45px">
<td>
性别:
</td>
<td>
<input type="radio" name="sex" value="1" />男
<input type="radio" name="sex" value="0" />女
</td>
</tr>
<tr height="45px">
<td>
出生日期:
</td>
<td>
<input type="date" name="birth"/>
</td>
</tr>
<tr height="45px">
<td> 最高学历:</td>
<td>
<select name="xueli">
<option value="0">-----请选择学历-----</option>
<option value="0">小学</option>
<option value="0">初中</option>
<option value="0">高中</option>
<option value="0">专科</option>
<option value="0">本科</option>
</select>
</tr >
<tr height="45px">
<td>
爱好:
</td>
<td>
<input type="checkbox" name="hobby" value="sing" />唱歌
<input type="checkbox" name="hobby" value="dance" />跳舞
<input type="checkbox" name="hobby" value="swing" />游泳
<input type="checkbox" name="hobby" value="baseketball" />篮球
<input type="checkbox" name="hobby" value="other" />其他
</td>
</tr>
<tr height="45px">
<td>
权限组:
</td>
<td>
<input type="checkbox" name="quanxian" value="root" />系统管理员
<input type="checkbox" name="quanxian" value="admin" />管理员
<input type="checkbox" name="quanxian" value="user" />普通用户
<input type="checkbox" name="quanxian" value="visite" />访客
</td>
</tr>
<tr height="45px">
<td> 家庭住址:</td>
<td>
<input type="text" name="adrres"/>
</td>
</tr>
<tr height="45px">
<td> 电子邮箱:</td>
<td>
<input type="email" name="email"/>
</td>
</tr>
<tr height="45px">
<td> 个人主页:</td>
<td>
<input type="text" name="zhuye"/>
</td>
</tr>
<tr height="45px">
<td> 文件上传:</td>
<td>
<input type="file" name="file"/>
</td>
</tr>
<tr height="45px">
<td> 工作单位:</td>
<td>
<input type="text" name="danwei"/>
</td>
</tr>
<tr height="45px">
<td> 工作描述:</td>
<td>
<textarea rows="5" cols="20" name="miaoshu">请输入工作描述</textarea>
</td>
</tr>
<tr height="45px">
<td colspan="2" align="center">
<input type="submit" value="注册"/>
<input type="reset" value="重置"/>
</td>
</tr>
</table>
</form>
</body>
</html>