对于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打开word文档的实现代码(c#)
Apr 16 Javascript
JavaScript分析、压缩工具JavaScript Analyser
Dec 31 Javascript
基于javascript html5实现多文件上传
Mar 03 Javascript
手机浏览器 后退按钮强制刷新页面方法总结
Oct 09 Javascript
Javascript刷新页面的实例
Sep 23 Javascript
Vue.js devtool插件安装后无法使用的解决办法
Nov 27 Javascript
JS+canvas画一个圆锥实例代码
Dec 13 Javascript
JS运动改变单物体透明度的方法分析
Jan 23 Javascript
JS复杂判断的更优雅写法代码详解
Nov 07 Javascript
关于微信小程序登录的那些事
Jan 08 Javascript
配置一个vue3.0项目的完整步骤
Apr 26 Javascript
jQuery实现轮播图效果
Nov 26 jQuery
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
这东西价格,可以买几台TECSUN S-2000
2021/03/02 无线电
随机头像PHP版
2006/10/09 PHP
PHP开发需要注意的安全问题
2010/09/01 PHP
PHP不用递归遍历目录下所有文件的代码
2014/07/04 PHP
php生成微信红包数组的方法
2019/09/05 PHP
tp5 实现列表数据根据状态排序
2019/10/18 PHP
Laravel框架Eloquent ORM修改数据操作示例
2019/12/03 PHP
javascript 显示当前系统时间代码
2009/12/28 Javascript
jQuery UI Autocomplete 1.8.16 中文输入修正代码
2012/04/16 Javascript
extjs_02_grid显示本地数据、显示跨域数据
2014/06/23 Javascript
JS对象与json字符串格式转换实例
2014/10/28 Javascript
javascript中定义类的方法汇总
2014/12/28 Javascript
angularJS结合canvas画图例子
2015/02/09 Javascript
jQuery+php实时获取及响应文本框输入内容的方法
2016/05/24 Javascript
100多个基础常用JS函数和语法集合大全
2017/02/16 Javascript
Vue 莹石摄像头直播视频实例代码
2018/08/31 Javascript
JavaScript中Array方法你该知道的正确打开方法
2018/09/11 Javascript
js常用正则表达式集锦
2019/05/17 Javascript
vue组件 keep-alive 和 transition 使用详解
2019/10/11 Javascript
vue 中 elment-ui table合并上下两行相同数据单元格
2019/12/26 Javascript
JavaScript Event Loop相关原理解析
2020/06/10 Javascript
在vue中使用vant TreeSelect分类选择组件操作
2020/11/02 Javascript
python多线程抓取天涯帖子内容示例
2014/04/03 Python
python基础教程之常用运算符
2014/08/29 Python
python实现通过pil模块对图片格式进行转换的方法
2015/03/24 Python
Python脚本实现虾米网签到功能
2016/04/12 Python
在Python中使用MySQL--PyMySQL的基本使用方法
2019/11/19 Python
细数nn.BCELoss与nn.CrossEntropyLoss的区别
2020/02/29 Python
Tensorflow中批量读取数据的案列分析及TFRecord文件的打包与读取
2020/06/30 Python
Python用来做Web开发的优势有哪些
2020/08/05 Python
html5中的input新属性range使用记录
2014/09/05 HTML / CSS
组工干部对照检查材料
2014/08/25 职场文书
市场调研项目授权委托书范本
2014/10/04 职场文书
Python实现byte转integer
2021/06/03 Python
Java Dubbo框架知识点梳理
2021/06/26 Java/Android
详细聊聊MySQL中慢SQL优化的方向
2021/08/30 MySQL