表单
<!--DOCTYPE html-->
<html lang="cn">
<head>
<meta charset="utf-8">
<title>first web</title>
<h1>
<center>注册</center>
</h1>
</head>
<body>
<fieldset>
<form action="" method="get" class="form-example">
<div class="form-example">
<label for ="name">姓名:</label>
<input type="text" name="name" id="name" required>
</div>
<div class="form-example">
性别:<input type="radio" name="sex">
<label>男</label>
<input type="radio" name="sex" >
<label>女</label>
</div>
<div>
<label for="tel">电话:</label>
<input type="tel" name="tel" id="tel" required>
</div>
<div>
<label for="email">邮件:</label>
<input type="email" placeholder="@qq.com" />
</div>
<legend>爱好:</legend>
<input type="checkbox" name="hobby">
<label>篮球</label>
<input type="checkbox" name="hobby">
<label>足球</label>
<input type="checkbox" name="hobby">
<label>游泳</label>
<input type="checkbox" name="hobby">
<label>音乐</label>
<input type="checkbox" name="hobby">
<label>游戏</label>
<div>
<label for="password">密码:</label>
<input type="password" name="password" id="password" required>
</div>
<div class="form-example">
<input type="submit" value="确认!">
<input type="reset" name="重置">
</div>
</form>
</fieldset>
</body>
</html>
