<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>注册页面</title>
<style>
div{
background-color: lightblue;
width: 80%;
margin: 0 auto;
}
</style>
</head>
<body>
<div>
<h1>个人注册</h1>
<form action="">
<fieldset>
<legend>注册信息</legend>
<table>
<tr>
<td>用户名:</td>
<td>
<input type="text" size="20" maxlength="10">
</td>
</tr>
<tr>
<td>密码:</td>
<td>
<input type="password">
</td>
</tr>
<tr>
<td>头像:</td>
<td>
<input type="file" accept=".png">
</td>
</tr>
</table>
</fieldset>
<fieldset>
<legend>个人信息</legend>
<table>
<tr>
<td>姓名:</td>
<td>
<input type="text" size="20" maxlength="10" placeholder="请输入真实姓名">
</td>
</tr>
<tr>
<td>年龄:</td>
<td>
<input type="number" min="18" max="70" value="18" step="1">
</td>
</tr>
<tr>
<td>邮箱:</td>
<td>
<input type="email">
</td>
</tr>
<tr>
<td>个人主页:</td>
<td>
<input type="url" value="http://">
</td>
</tr>
<tr>
<td>性别:</td>
<td>
<input type="radio" name="xingbie" checked="checked" value="1">男
<input type="radio" name="xingbie" value="0">女
</td>
</tr>
<tr>
<td>出生年月:</td>
<td>
<input type="date">
</td>
</tr>
<tr>
<td>喜欢的颜色:</td>
<td>
<input type="color" >
</td>
</tr>
<tr>
<td>爱好:</td>
<td>
<input type="checkbox">旅游<br/>
<input type="checkbox">健身<br/>
<input type="checkbox">跑步<br/>
<input type="checkbox">上网<br/>
<input type="checkbox">游泳<br/>
</td>
</tr>
<tr>
<td>学历:</td>
<td>
<select>
<option>初中</option>
<option>高中</option>
<option>大学</option>
</select>
</td>
</tr>
<tr>
<td>自我介绍:</td>
<td>
<textarea name="" rows="5" cols="30">自我简介</textarea>
</td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" value="确认并提交">
<input type="reset" value="重置">
</td>
</tr>
</table>
</fieldset>
</form>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>注册页面</title>
<style>
div{
background-color: lightblue;
width: 80%;
margin: 0 auto;
}
td{
text-align: left;
}
</style>
</head>
<body>
<div>
<h1>个人注册</h1>
<form action="">
<fieldset>
<legend>注册信息</legend>
<table>
<tr>
<td>姓名:</td>
<td>
<input type="text" size="20" maxlength="10" placeholder="真实姓名">
</td>
</tr>
<tr>
<td>密码:</td>
<td>
<input type="password" placeholder="成绩查询密码">
</td>
</tr>
</table>
</fieldset>
<fieldset>
<legend>问卷题目</legend>
<table>
<tr>
<td>1.峨眉山位于哪个省份?</td>
<td><br/>
<input type="radio" >云南
<input type="radio" >四川
<input type="radio" >贵州
<input type="radio" >湖北
</td>
</tr>
<tr>
<td>2.以下哪些省份位于我国东北地区?</td>
<td><br/>
<div>
<input type="radio" >黑龙江省
<input type="radio" >吉林省
<input type="radio" >台湾省
<input type="radio" >辽宁省
</div>
</td>
</tr>
<tr>
<td>3.世界最高峰是<input type="text">峰</td>
</tr>
<tr>
<td>个人主页:</td>
<td>
<input type="url" value="http://">
</td>
</tr>
<tr>
<td>性别:</td>
<td>
<input type="radio" name="xingbie" checked="checked" value="1">男
<input type="radio" name="xingbie" value="0">女
</td>
</tr>
<tr>
<td>出生年月:</td>
<td>
<input type="date">
</td>
</tr>
<tr>
<td>喜欢的颜色:</td>
<td>
<input type="color" >
</td>
</tr>
<tr>
<td>爱好:</td>
<td>
<input type="checkbox" name="aihao" value="1">旅游<br/>
<input type="checkbox" name="aihao" value="2">健身<br/>
<input type="checkbox" name="aihao" value="3">跑步<br/>
<input type="checkbox" name="aihao" value="4">上网<br/>
<input type="checkbox" name="aihao" value="5">游泳<br/>
</td>
</tr>
<tr>
<td>学历:</td>
<td>
<select>
<option>初中</option>
<option>高中</option>
<option>大学</option>
</select>
</td>
</tr>
<tr>
<td>自我介绍:</td>
<td>
<textarea name="" rows="5" cols="30">自我简介</textarea>
</td>
</tr>
<tr>
<td></td>
<td>
<input type="image" src="img/图片1.png" width="200px">
<!--<input type="submit" value="确认并提交">-->
<input type="reset" value="重置">
</td>
</tr>
</table>
</fieldset>
</form>
</div>
</body>
</html>