摘要:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0&qu
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>用户注册</title>
</head>
<body>
<h3>用户注册</h3>
<form action="" method="get">
<p>
<label for="username">账号</label>
<input type="text" id="username" name="username" placeholder="请输入您的账号" autofocus require>
</p>
<p>
<label for="password">密码</label>
<input type="password" id="password" name="password" placeholder="请不要少于7位" autofocus require>
</p>
<p>
<label for="email">邮箱</label>
<input type="email" id="email" name="email" placeholder="XXXX@XX.com" require>
</p>
<p>
<label for="age">年龄</label>
<input type="number" id="age" name="age" placeholder="请成年后再注册本站" min="18" require>
</p>
<p>
<label for="bir">出生日期</label>
<input type="date" id="bir" name="bir">
</p>
<p>
<label for="education">学历</label>
<select name="education" id="education" size="1">
<optgroup label="统招">
<option value="0" selected>请选择</option>
<option value="1">本科</option>
<option value="2">硕士</option>
<option value="3">博士</option>
</optgroup>
<optgroup label="非统招">
<option value="4">小学</option>
<option value="5">初中</option>
<option value="6">高中</option>
</optgroup>
</select>
</p>
<p>
<label for="hobby">爱好</label>
<input type="checkbox" id="game" name="hobby[]" value="game"><label for="game">打游戏</label>
<input type="checkbox" id="sports" name="hobby[]" value="sports"><label for="sports">运动</label>
<input type="checkbox" id="street" name="hobby[]" value="street"><label for="street">逛街</label>
<input type="checkbox" id="public" name="hobby[]" value="public"><label for="public">公益</label>
</p>
<p>
<label for="male">性别</label>
<input type="radio" name="gender" value="male" id="male"><label for="male">男</label>
<input type="radio" name="gender" value="female" id="male"><label for="female">女</label>
<input type="radio" name="gender" value="secret" id="secret"><label for="secret">保密</label>
</p>
<p>
<label for="comment">个人简介</label>
<textarea name="comment" id="comment" cols="30" rows="10" maxlength="50" plcaholde="请不要超过50字"></textarea>
</p>
<div>
<button type="button">提交</button>
<button type="reset">重置</button>
</div>
</form>
</body>
</html>
批改老师:查无此人批改时间:2019-04-25 13:24:14
老师总结:完成的不错,刚接触编程,比较辛苦。要坚持,继续加油。