在表单注册或者登陆代码中，重置按钮出现的频率很高，在通常的印象中，点击重置按钮可以讲表单元素的值设置为空，我想这是很多初学者对此按钮的最初印象，但是实际的本质是否如此很难说。
先看一段代码实例:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>web前端学习扣qun：731771211 每日分享技术，学术交流</title>
</head>
<body>
<form>
<ul>
<li>姓名:<input type="text"/></li>
<li>密码:<input type="password"/></li>
<li>爱好:<input type="checkbox"/>男<input type="checkbox" checked/>女</li>
<li><input type="reset" value="重置"/><input type="submit" value="提交"></li>
</ul>
</form>
</body>
</html>
以上代码中，挡在文本框输入内容后，如果点击重置按钮，那么文本框中的内容就会被清空，但事实上并非是这样的，reset按钮的意思是重置，也就是说会将表单元素的相关属性值设置为默认状态，如果文本框的默认值是"web前端学习扣qun：731771211 每日分享技术，学术交流"，手动修改文本框的值以后，点击重置按钮，那么文本框的值又会恢复到"web前端学习扣qun：731771211 每日分享技术，学术交流"。
网友评论