对于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 相关文章推荐
Sample script that displays all of the users in a given SQL Server DB
Jun 16 Javascript
setTimeout和setInterval的深入理解
Nov 08 Javascript
IE8下Jquery获取select选中的值post到后台报错问题
Jul 02 Javascript
jQuery中:eq()选择器用法实例
Dec 29 Javascript
JS实现页面超时后自动跳转到登陆页面
Jan 19 Javascript
js与jquery回车提交的方法
Feb 03 Javascript
mvc中form表单提交的三种方式(推荐)
Aug 10 Javascript
jQuery获取select选中的option的value值实现方法
Aug 29 Javascript
微信小程序性能优化之checkSession的使用
Mar 06 Javascript
使用JavaScrip模拟实现仿京东搜索框功能
Oct 16 Javascript
小程序实现列表展开收起效果
Jul 29 Javascript
vue3.0实现点击切换验证码(组件)及校验
Nov 18 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 strstr查找字符串中是否包含某些字符的查找函数
2010/06/03 PHP
Yii2实现让关联字段支持搜索功能的方法
2016/08/10 PHP
PHP判断用户是否已经登录(跳转到不同页面或者执行不同动作)
2016/09/22 PHP
js动态调用css属性的小规律及实例说明
2013/12/28 Javascript
jQuery实现淡入淡出二级下拉导航菜单的方法
2015/08/28 Javascript
Angular中封装fancyBox(图片预览)遇到问题小结
2017/09/01 Javascript
js推箱子小游戏步骤代码解析
2018/01/10 Javascript
JavaScript设计模式之命令模式实例分析
2019/01/16 Javascript
vue语法自动转typescript(解放双手)
2019/09/18 Javascript
关于引入vue.js 文件的知识点总结
2020/01/28 Javascript
Javascript Worker子线程代码实例
2020/02/20 Javascript
vue-quill-editor 自定义工具栏和自定义图片上传路径操作
2020/08/03 Javascript
[01:38]DOTA2辉夜杯 欢乐的观众现场采访
2015/12/26 DOTA
python中使用zip函数出现错误的原因
2018/09/28 Python
python中tkinter的应用:修改字体的实例讲解
2019/07/17 Python
Cython编译python为so 代码加密示例
2019/12/23 Python
css3中background新增的4个新的相关属性用法介绍
2013/09/26 HTML / CSS
HTML5 中新的全局属性(整理)
2013/07/31 HTML / CSS
美国网上订购鲜花:FTD
2016/09/23 全球购物
Interhome丹麦:在线预订度假屋和公寓
2019/07/18 全球购物
应届护士推荐信
2013/11/16 职场文书
电脑租赁公司创业计划书
2014/01/08 职场文书
客服专员岗位职责
2014/02/28 职场文书
保险内勤岗位职责
2014/04/05 职场文书
学历公证委托书
2014/04/09 职场文书
合作协议书
2014/04/23 职场文书
高中生操行评语
2014/04/25 职场文书
关于保护环境的建议书
2014/05/13 职场文书
行政工作试用期自我评价
2014/09/14 职场文书
逃课检讨书怎么写
2015/01/01 职场文书
工程部主管岗位职责
2015/02/12 职场文书
班主任自我评价范文
2015/03/11 职场文书
《槐乡的孩子》教学反思
2016/02/20 职场文书
关于redisson缓存序列化几枚大坑说明
2021/08/04 Redis
vue中this.$http.post()跨域和请求参数丢失的解决
2022/04/08 Vue.js
SQL Server Agent 服务无法启动
2022/04/20 SQL Server