对于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 full screen 全屏显示页面元素的方法
Sep 27 Javascript
JavaScript常用本地对象小结
Mar 28 Javascript
详解Jquery实现ready和bind事件
Apr 14 Javascript
微信小程序开发之Tabbar实例详解
Jan 09 Javascript
React组件的三种写法总结
Jan 12 Javascript
前端主流框架vue学习笔记第一篇
Jul 26 Javascript
微信小程序开发animation心跳动画效果
Aug 16 Javascript
Vue如何实现响应式系统
Jul 11 Javascript
vuex actions传递多参数的处理方法
Sep 18 Javascript
小程序云开发实战小结
Oct 25 Javascript
Vue项目引发的「过滤器」使用教程
Mar 12 Javascript
ES6 Symbol在对象中的作用实例分析
Jun 06 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
一个简单的MySQL数据浏览器
2006/10/09 PHP
解析PHP中intval()等int转换时的意外异常情况
2013/06/21 PHP
PHP常用正则表达式集锦
2014/08/17 PHP
php使用递归计算文件夹大小
2014/12/24 PHP
Laravel自定义 封装便捷返回Json数据格式的引用方法
2019/09/29 PHP
鼠标滑上去后图片放大浮出效果的js代码
2011/05/28 Javascript
js Event对象的5种坐标
2011/09/12 Javascript
键盘上一张下一张兼容IE/google/firefox等浏览器
2014/01/28 Javascript
jQuery选择id属性带有点符号元素的方法
2015/03/17 Javascript
JS实现模拟百度搜索“2012世界末日”网页地震撕裂效果代码
2015/10/31 Javascript
jquery遍历标签中自定义的属性方法
2016/09/17 Javascript
js获取Get值的方法
2016/09/29 Javascript
清空元素html(&quot;&quot;) innerHTML=&quot;&quot; 与 empty()的区别和应用(推荐)
2017/08/14 Javascript
JS实现身份证输入框的输入效果
2017/08/21 Javascript
vue封装第三方插件并发布到npm的方法
2017/09/25 Javascript
利用nvm管理多个版本的node.js与npm详解
2017/11/02 Javascript
Elementui表格组件+sortablejs实现行拖拽排序的示例代码
2019/08/28 Javascript
js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】
2019/11/07 Javascript
如何在node环境实现“get数据解析”代码实例
2020/07/03 Javascript
JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法
2021/01/29 Javascript
python实现目录树生成示例
2014/03/28 Python
Pycharm学习教程(1) 定制外观
2017/05/02 Python
转换科学计数法的数值字符串为decimal类型的方法
2018/07/16 Python
Django中使用Whoosh进行全文检索的方法
2019/03/31 Python
解决python3 requests headers参数不能有中文的问题
2019/08/21 Python
wxpython绘制音频效果
2019/11/18 Python
python实现同一局域网下传输图片
2020/03/20 Python
在Anaconda3下使用清华镜像源安装TensorFlow(CPU版)
2020/04/19 Python
美国最大的在线水培用品商店:GrowersHouse.com
2018/08/14 全球购物
Bailey帽子官方商店:Bailey Hats
2018/09/25 全球购物
Farfetch美国:奢侈品牌时尚购物平台
2019/05/02 全球购物
大学信息公开实施方案
2014/03/09 职场文书
医学专业自荐信
2014/06/14 职场文书
光学与应用专业毕业生求职信
2014/09/01 职场文书
个人年底工作总结
2015/03/10 职场文书
投资公司董事长岗位职责
2015/04/16 职场文书