表单实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>青春不常在,抓紧谈恋爱</h1>
<hr>
<form>
昵称:<input type="text" placeholder="请输入昵称">
<br>
<br>
性别:<input type="radio" name="gender" checked>男 <input type="radio" name="gender">女 <input type="radio" name="gender">其他
<br>
<br>
所在地区:<select>
<option value="">北京</option>
<option value="">上海</option>
<option value="">广东</option>
<option value="" selected>湖北</option>
<option value="">其他</option>
</select>
<br>
<br>
婚姻状况:<input type="radio" name="marriage" checked>未婚 <input type="radio" name="marriage">离异<input type="radio" name="marriage">保密
<br>
<br>
性取向:<input type="checkbox" name="likes">异性 <input type="checkbox" name="likes">同性<input type="checkbox" name="likes">其他
<br>
<br>
个人介绍
<br>
<textarea cols="30" rows="20">请输入个人介绍</textarea>
<br>
<h1>我承诺</h1>
<ul>
<li>年满十八岁,单身</li>
<li>态度认真</li>
<li>真诚地寻找另一半</li>
</ul>
<input type="checkbox" checked>我已阅读并且同意所有条款
<br>
<button type="submit">免费注册</button>
<button type="reset">重置</button>
</form>
</body>
</html>
效果如下