对于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开发中因空格引发的错误
Nov 08 Javascript
jquery默认校验规则整理
Mar 24 Javascript
jQuery实现自动滚动到页面顶端的方法
May 22 Javascript
js实现仿MSN带关闭功能的右下角弹窗代码
Sep 04 Javascript
js 原生判断内容区域是否滚动到底部的实例代码
Nov 15 Javascript
vue项目引入Iconfont图标库的教程图解
Oct 24 Javascript
解决iview多表头动态更改列元素发生的错误的方法
Nov 02 Javascript
vue中组件的过渡动画及实现代码
Nov 21 Javascript
详解React项目中碰到的IE问题
Mar 14 Javascript
微信小程序之导航滑块视图容器功能的实现代码(简单两步)
Jun 19 Javascript
使用webpack和rollup打包组件库的方法
Feb 25 Javascript
如何使用vue3打造一个物料库
May 08 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对数组的定义以及数组的创建方法
2015/11/27 PHP
PHP的Yii框架入门使用教程
2016/02/15 PHP
浅析Yii2缓存的使用
2016/05/10 PHP
Laravel中encrypt和decrypt的实现方法
2017/09/24 PHP
PHP简单实现正则匹配省市区的方法
2018/04/13 PHP
Laravel 队列使用的实现
2019/01/08 PHP
比较全面的event对像在IE与FF中的区别 推荐
2009/09/21 Javascript
基于jQuery的Tab选项框效果代码(插件)
2011/03/01 Javascript
cnblogs 代码高亮显示后的代码复制问题解决实现代码
2011/12/14 Javascript
JS HTML5 音乐天气播放器(Ajax获取天气信息)
2013/05/26 Javascript
JavaScript使用HTML5的window.postMessage实现跨域通信例子
2014/04/11 Javascript
javascript类型系统 Array对象学习笔记
2016/01/09 Javascript
AngularJS  ng-table插件设置排序
2016/09/21 Javascript
Vue 固定头 固定列 点击表头可排序的表格组件
2016/11/25 Javascript
textarea 在浏览器中固定大小和禁止拖动的实现方法
2016/12/03 Javascript
JS内部事件机制之单线程原理
2018/07/02 Javascript
Vue render渲染时间戳转时间,时间转时间戳及渲染进度条效果
2018/07/27 Javascript
在iFrame子页面里实现模态框的方法
2018/08/17 Javascript
教你完全理解ReentrantLock重入锁
2019/06/03 Javascript
详解Webpack如何引入CDN链接来优化编译后的体积
2019/06/21 Javascript
layui-select动态选中值的例子
2019/09/23 Javascript
Python3读取UTF-8文件及统计文件行数的方法
2015/05/22 Python
如何将python中的List转化成dictionary
2016/08/15 Python
python 实现一个贴吧图片爬虫的示例
2017/10/12 Python
python解析html提取数据,并生成word文档实例解析
2018/01/22 Python
selenium如何定位span元素的实现
2021/01/13 Python
css3实现动画的三种方式
2020/08/24 HTML / CSS
HTML5中5个简单实用的API(第二篇,含全屏、可见性、拍照、预加载、电池状态)
2014/05/07 HTML / CSS
美国一站式电动和手动工具商店:International Tool
2020/11/26 全球购物
数据库连接池的工作原理
2012/09/26 面试题
信仰心得体会
2014/09/05 职场文书
12.4全国法制宣传日活动总结
2014/11/01 职场文书
如何写辞职书
2015/02/26 职场文书
如何利用python和DOS获取wifi密码
2021/03/31 Python
python数据可视化使用pyfinance分析证券收益示例详解
2021/11/20 Python
python数字图像处理实现图像的形变与缩放
2022/06/28 Python