对于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 相关文章推荐
JQUERY 对象与DOM对象之两者相互间的转换
Apr 27 Javascript
js将字符串转成正则表达式的实现方法
Nov 13 Javascript
一个简单的JS时间控件示例代码(JS时分秒时间控件)
Nov 22 Javascript
JavaScript中用字面量创建对象介绍
Dec 31 Javascript
jQuery插件formValidator自定义函数扩展功能实例详解
Nov 25 Javascript
ES5学习教程之Array对象
Apr 01 Javascript
vue封装可复用组件confirm,并绑定在vue原型上的示例
Oct 31 Javascript
使用原生JS实现火锅点餐小程序(面向对象思想)
Dec 10 Javascript
浅析vue-router中params和query的区别
Dec 24 Javascript
Vue 解决路由过渡动画抖动问题(实例详解)
Jan 05 Javascript
JavaScript实现拖拽功能
Feb 11 Javascript
nuxt引入组件和公共样式的操作
Nov 05 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
PHP面向对象程序设计之接口用法
2014/08/20 PHP
跨浏览器的设置innerHTML方法
2006/09/18 Javascript
jquery dialog键盘事件代码
2010/08/01 Javascript
jQuery 开发者应该注意的9个错误
2012/05/03 Javascript
JS实现带关闭功能的阿里妈妈网站顶部滑出banner工具条代码
2015/09/17 Javascript
Labelauty?jQuery单选框/复选框美化插件分享
2015/09/26 Javascript
jquery+css实现动感的图片切换效果
2015/11/25 Javascript
使用struts2+Ajax+jquery验证用户名是否已被注册
2016/03/22 Javascript
jQuery简单实现提交数据出现loading进度条的方法
2016/03/29 Javascript
jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
2016/08/25 Javascript
原生JS获取元素集合的子元素宽度实例
2016/12/14 Javascript
JavaScript递归算法生成树形菜单
2017/08/15 Javascript
JS沙箱模式实例分析
2017/09/04 Javascript
EasyUI Tree树组件无限循环的解决方法
2017/09/27 Javascript
vue父组件向子组件传递多个数据的实例
2018/03/01 Javascript
Vue.js仿Select下拉框效果
2020/02/18 Javascript
[01:11:15]VGJ.S vs Secret 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python机器学习之决策树算法
2017/12/22 Python
python dataframe astype 字段类型转换方法
2018/04/11 Python
python numpy 一维数组转变为多维数组的实例
2018/07/02 Python
django富文本编辑器的实现示例
2019/04/10 Python
python实现对服务器脚本敏感信息的加密解密功能
2019/08/13 Python
keras实现多GPU或指定GPU的使用介绍
2020/06/17 Python
基于DOM+CSS3实现OrgChart组织结构图插件
2016/03/02 HTML / CSS
使用phonegap克隆和删除联系人的实现方法
2017/03/31 HTML / CSS
阿迪达斯印尼官方网站:adidas印尼
2020/02/10 全球购物
初中地理教学反思
2014/01/11 职场文书
小学运动会表扬稿
2014/01/19 职场文书
运动会开幕式邀请函
2014/01/22 职场文书
商业计算机应用专业自荐书
2014/06/09 职场文书
幼儿教师师德师风自我剖析材料
2014/09/29 职场文书
护士辞职信怎么写
2015/02/27 职场文书
男方家长婚礼致辞
2015/07/27 职场文书
2019销售早会主持词
2019/06/27 职场文书
pytorch通过训练结果的复现设置随机种子
2021/06/01 Python
vue里使用create, mounted调用方法
2022/04/26 Vue.js