对于Form表单reset方法的新认识


Posted in Javascript onMarch 05, 2014

HTML中Form表单的reset方法被用来清空用户所输入的内容,以前一直误以为其是单纯的将input等输入项中的值清空。

但实际上不是这样的,reset方法的本质是将input等输入项中的内容还原为属性value中的值,而不是“”空值。

w3c上是这样说的:

在 HTML 表单中 <input type="reset"> 标签每出现一次,一个 Reset 对象就会被创建。

当重置按钮被点击,包含它的表单中所有输入元素的值都重置为它们的默认值。默认值由 HTML value 属性或 JavaScript 的 defaultValue 属性指定。

在实际情况中,我们经常需要在编辑某个内容的时候实现表单reset,但是这个时候input等输入项的value属性可能已经被赋予了值,所以reset只是让表单初始化为这个值。

在这种情况下,我们只能通过javascript去将input等输入项的value属性设置为空来达到reset的效果。

Javascript 相关文章推荐
JavaScript中的几个关键概念的理解-原型链的构建
May 12 Javascript
jQuery ajax dataType值为text json探索分享
Sep 23 Javascript
jQuery实现的多选框多级联动插件
May 02 Javascript
Web表单提交之disabled问题js解决方法
Jan 13 Javascript
关于javascript事件响应的基础语法总结(必看篇)
Dec 26 Javascript
详解js中==与===的区别
Jan 08 Javascript
微信小程序实现手势图案锁屏功能
Jan 30 Javascript
Vue中对比scoped css和css module的区别
May 17 Javascript
vue项目首屏打开速度慢的解决方法
Mar 31 Javascript
Vue实现搜索结果高亮显示关键字
May 28 Javascript
产制造追溯系统之通过微信小程序实现移动端报表平台
Jun 03 Javascript
js实现特别简单的钟表效果
Sep 14 Javascript
js和css写一个可以自动隐藏的悬浮框
Mar 05 #Javascript
7个JS基础知识总结
Mar 05 #Javascript
100个不能错过的实用JS自定义函数
Mar 05 #Javascript
jQuery DOM操作实例
Mar 05 #Javascript
JS父页面与子页面相互传值方法
Mar 05 #Javascript
JS和函数式语言的三特性
Mar 05 #Javascript
jquery 使用简明教程
Mar 05 #Javascript
You might like
验证token、回复图文\文本、推送消息的实用微信类php代码
2016/06/28 PHP
php array_map使用自定义的函数处理数组中的每个值
2016/10/26 PHP
ThinkPHP 整合Bootstrap Ajax分页样式
2016/12/23 PHP
对php 判断http还是https,以及获得当前url的方法详解
2019/01/15 PHP
laravel实现上传图片的两种方式小结
2019/10/12 PHP
PHP safe_mode开启对于PHP系统函数有什么影响
2020/11/10 PHP
setAttribute 与 class冲突解决
2008/02/17 Javascript
JavaScript创建一个欢迎cookie弹出窗实现代码
2013/03/15 Javascript
通过Jquery的Ajax方法读取将table转换为Json
2014/05/31 Javascript
Javascript实现多彩雪花从天降散落效果的方法
2015/02/02 Javascript
JS实现表单中checkbox对勾选中增加边框显示效果
2015/08/21 Javascript
js实现跨域的4种实用方法原理分析
2015/10/29 Javascript
JavaScript仿支付宝密码输入框
2015/12/29 Javascript
Vue2实现组件props双向绑定
2016/12/02 Javascript
AngularJS监听路由变化的方法
2017/03/07 Javascript
vue 简单自动补全的输入框的示例
2018/03/12 Javascript
jQuery实现模糊查询的方法分析
2018/05/10 jQuery
layui实现给某一列加点击事件
2019/10/26 Javascript
Javascript如何实现扩充基本类型
2020/08/26 Javascript
jQuery zTree如何改变指定节点文本样式
2020/10/16 jQuery
python类和函数中使用静态变量的方法
2015/05/09 Python
python递归查询菜单并转换成json实例
2017/03/27 Python
Python Django 添加首页尾页上一页下一页代码实例
2019/08/21 Python
Keras保存模型并载入模型继续训练的实现
2021/02/20 Python
HTML5 CSS3新的WEB标准和浏览器支持
2009/07/16 HTML / CSS
英国著名音像制品和图书游戏购物网站:Zavvi
2016/08/04 全球购物
澳大利亚领先的孕妇服装品牌:Mamaway
2018/08/14 全球购物
C#软件工程师英语面试题
2015/06/07 面试题
大专计算机个人求职的自我评价
2013/10/21 职场文书
计算机软件个人的自荐信范文
2013/12/01 职场文书
六个一活动实施方案
2014/03/21 职场文书
4s店市场专员岗位职责
2014/04/09 职场文书
四查四看整改措施
2014/09/19 职场文书
教师师德表现自我评价
2015/03/05 职场文书
护士自荐信怎么写
2015/03/06 职场文书
golang 语言中错误处理机制
2021/08/30 Golang