<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>简单案例-----表单</title>
</head>
<body>
<h1>欢迎注册</h1>
<p>已有账号?<a href="#">登录</a></p>
<form action="">
<p>
用户名:<input type="text" placeholder="请输入用户名">
</p>
<p>
密码:<input type="password" placeholder="请输入六位数密码">
</p>
<p>
手机号:<input type="text" placeholder="+86">
</p>
<p>
性别:<label> <input type="radio" name="sex" checked>男</label>
<label > <input type="radio" name="sex">女<br></label>
</p>
<p>
所在城市:
<select name="" id="">
<option value="" selected>广州</option>
<option value="">上海</option>
<option value="">深圳</option>
</select>
</p>
<p>
兴趣爱好:
<label><input type="checkbox" checked>游泳 </label>
<label><input type="checkbox">滑雪 </label>
<label><input type="checkbox">赛马 </label>
<label><input type="checkbox">篮球 </label>
<label><input type="checkbox">其它 </label>
</p>
<p>
个人签名:<br>
<textarea name="" id="" cols="30" rows="10">请输入个性签名(50字以内)</textarea>
</p>
<p>
<button type="submit">提交注册</button>
<input type="reset" value="重新注册">
</p>
<p>
<label><input type="checkbox" >同意相关<a href="#">条款</a></label>
</p>
</form>
</body>
</html>