对于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 相关文章推荐
js控制淡入淡出示例代码
Nov 12 Javascript
JavaScript生成随机字符串的方法
Mar 19 Javascript
Javascript简写条件语句(推荐)
Jun 12 Javascript
jQuery stop()用法实例详解
Jul 28 Javascript
Vue.js绑定HTML class数组语法错误的原因分析
Oct 19 Javascript
JS实现仿饿了么在浏览器标签页失去焦点时网页Title改变
Jun 01 Javascript
Angular 2父子组件之间共享服务通信的实现
Jul 04 Javascript
利用JS制作万年历的方法
Aug 16 Javascript
JavaScript的变量声明与声明提前用法实例分析
Nov 26 Javascript
使用node.JS中的url模块解析URL信息
Feb 06 Javascript
JavaScript实现拖拽功能
Feb 11 Javascript
vue-video-player 断点续播的实现
Feb 01 Vue.js
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 截取字符串 分别适合GB2312和UTF8编码情况
2009/02/12 PHP
递归删除一个节点以及该节点下的所有节点示例
2014/03/19 PHP
五段实用的js高级技巧
2011/12/20 Javascript
Javascript脚本实现静态网页加密实例代码
2013/11/05 Javascript
javascript判断office版本示例
2014/04/11 Javascript
Nodejs中自定义事件实例
2014/06/20 NodeJs
NodeJS学习笔记之网络编程
2014/08/03 NodeJs
使用jquery.validate自定义方法实现&quot;手机号码或者固话至少填写一个&quot;的逻辑验证
2014/09/01 Javascript
禁止iframe页面的所有js脚本如alert及弹出窗口等
2014/09/03 Javascript
一个JavaScript去除字符串末尾的空白实例代码
2014/09/22 Javascript
Ajax局部更新导致JS事件重复触发问题的解决方法
2014/10/14 Javascript
JavaScript函数参数使用带参数名的方式赋值传入的方法
2015/03/19 Javascript
JQuery实现左右滚动菜单特效
2015/09/28 Javascript
js多功能分页组件layPage使用方法详解
2016/05/19 Javascript
Vue.js实现无限加载与分页功能开发
2016/11/03 Javascript
vue组件间通信子与父详解(二)
2017/11/07 Javascript
JS实现获取自定义属性data值的方法示例
2018/12/19 Javascript
小程序如何使用分包加载的实现方法
2019/05/22 Javascript
Vue 基于 vuedraggable 实现选中、拖拽、排序效果
2020/05/18 Javascript
Flexible.js可伸缩布局实现方法详解
2020/11/13 Javascript
[03:03]2014DOTA2西雅图国际邀请赛 Alliance战队巡礼
2014/07/07 DOTA
[56:21]LGD vs IG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python对list列表结构中的值进行去重的方法总结
2016/05/07 Python
python模块简介之有序字典(OrderedDict)
2016/12/01 Python
如何实现Django Rest framework版本控制
2019/07/25 Python
Python操作远程服务器 paramiko模块详细介绍
2019/08/07 Python
Python验证码截取识别代码实例
2020/05/16 Python
Restful_framework视图组件代码实例解析
2020/11/17 Python
分享unittest单元测试框架中几种常用的用例加载方法
2020/12/02 Python
css3实现画半圆弧线的示例代码
2017/11/06 HTML / CSS
CSS3 清除浮动的方法示例
2018/06/01 HTML / CSS
本科生详细的自我评价
2013/09/19 职场文书
如何写一份好的自荐信
2014/01/02 职场文书
2015年小学二年级班主任工作总结
2015/05/21 职场文书
关于车尾的标语大全
2015/08/11 职场文书
送给客户微信问候语!
2019/07/04 职场文书