前端 HTML form表单标签 input标签 type属性 重置按钮 reset

时间:2022-05-07 14:49:32
input type="reset" value="重置"

reset重置 还原到默认状态
<!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">
<title>Title</title>
</head>
<body>
<form action="http://www.baidu.com" method="get">
<div>
<p>
<input type="text" name="user">
</p>
<p>
用户性别
男:<input type="radio" name="gender" value="1" checked="checked">
女:<input type="radio" name="gender" value="2">
</p>
<p>
爱好
篮球: <input type="checkbox" name="favor" value="1">
足球: <input type="checkbox" name="favor" value="2">
羽毛球: <input type="checkbox" name="favor" value="3">
排球: <input type="checkbox" name="favor" value="4">
</p>
<p>
技能
写代码: <input type="checkbox" name="skill" value="1">
写代码: <input type="checkbox" name="skill" value="2">
</p>
</div> <input type="submit" value="提交">
<!-- 重置按钮 -->
<input type="reset" value="重置">
</form>
</body>
</html>

按下重置按钮,还原到默认状态

前端 HTML form表单标签 input标签 type属性 重置按钮 reset