<!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>
<form action="" method="POST">
<label for="">账号：</label>
<input type="text" name="account">
<br><br>
<label for="">密码：</label>
<input type="password" name="password">
<br><br>
<label for="">性别：</label>
<input type="radio" name="gender" value="male">男
<input type="radio" name="gender" value="female">女
<br><br>
<label for="">爱好：</label>
<input type="checkbox" checked name="hobby" value="lanqiu">篮球
<input type="checkbox" name="hobby" value="zuqiu">足球
<input type="checkbox" name="hobby" value="paobu">跑步
<br><br>
<label for="">生日：</label>
<input type="date" name="brithday">
<br><br>
<label for="">邮箱地址：</label>
<input type="email" name="email">
<br><br>
<label for="">电话：</label>
<input type="tel" name="tel">
<br><br>
<label for="">地址：</label>
<select>
<option value="shanxi">山西省</option>
<option value="jiangsu">江苏省</option>
<option value="shanghai">上海市</option>
</select>
<label for="">验证码：</label>
<input type="text"><button>获取验证码</button>
<br><br>
<!-- <input type="button"> -->
<label for="">备注：</label>
<textarea name="description" id="" cols="30" rows="10"></textarea>
<br><br>
<input type="checkbox">同意<a href="/go.html?url=#">《隐私条款》</a>和<a href="/go.html?url=#">《隐私权相关政策》</a>
<br><br>
<input type="submit" value="提交">
<input type="reset" value="重置">
<br><br>
</form>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
阅读背景：
html表单练习_晚东的博客_html表单练习
来源：互联网
分享到：
