对于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的lazy loader插件实现图片的延迟加载[简单使用]
May 07 Javascript
JQuery学习笔录 简单的JQuery
Apr 09 Javascript
jquery简单瀑布流实现原理及ie8下测试代码
Jan 23 Javascript
js实现交换运动效果的方法
Apr 10 Javascript
js实现鼠标滑过文字链接色彩变化的效果
May 06 Javascript
Javascript json object 与string 相互转换的简单实现
Sep 27 Javascript
Angular.js基础学习之初始化
Mar 10 Javascript
Vue.JS实现垂直方向展开、收缩不定高度模块的JS组件
Jun 19 Javascript
Vue模拟数据,实现路由进入商品详情页面的示例
Aug 31 Javascript
vue-自定义组件传值的实例讲解
Sep 18 Javascript
javascript验证form表单数据的案例详解
Mar 25 Javascript
解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题
Sep 27 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
利用谷歌 Translate API制作自己的翻译脚本
2014/06/04 PHP
PHP使用Session遇到的一个Permission denied Notice解决办法
2014/07/30 PHP
Yii框架数据模型的验证规则rules()被执行的方法
2016/12/02 PHP
PHP 访问数据库配置通用方法(json)
2018/05/20 PHP
在线编辑器的实现原理(兼容IE和FireFox)
2007/03/09 Javascript
jQuery实现切换页面布局使用介绍
2011/10/09 Javascript
jquery实现页面百叶窗走马灯式翻滚显示效果的方法
2015/03/12 Javascript
JS判断字符串包含的方法
2015/05/05 Javascript
JS实现模拟百度搜索“2012世界末日”网页地震撕裂效果代码
2015/10/31 Javascript
Bootstrap自定义文件上传下载样式
2016/05/26 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
2016/06/12 Javascript
NodeJs的优势和适合开发的程序
2016/08/14 NodeJs
JavaScript toUpperCase()方法使用详解
2016/08/26 Javascript
javascript轮播图算法
2016/10/21 Javascript
浅谈Angular.js中使用$watch监听模型变化
2017/01/10 Javascript
Bootstrap BootstrapDialog使用详解
2017/02/17 Javascript
Angular.js中处理页面闪烁的方法详解
2017/03/09 Javascript
详解HTML5 使用video标签实现选择摄像头功能
2017/10/25 Javascript
layui select动态添加option的实例
2018/03/07 Javascript
微信小程序block的使用教程
2018/04/01 Javascript
在Django中创建动态视图的教程
2015/07/15 Python
Python中字符串的处理技巧分享
2016/09/17 Python
pandas pivot_table() 按日期分多列数据的方法
2018/11/16 Python
在Python中实现函数重载的示例代码
2019/12/12 Python
Python实现计算长方形面积(带参数函数demo)
2020/01/18 Python
猫途鹰英国网站:TripAdvisor英国(旅游社区和旅游评论)
2016/08/30 全球购物
购买原创艺术品:Zatista
2019/11/09 全球购物
STRATHBERRY苏贝瑞包包官网:西班牙高级工匠手工打造
2020/11/10 全球购物
数控技术专业推荐信
2013/11/01 职场文书
教师节促销方案
2014/03/22 职场文书
三年级学生评语
2014/04/23 职场文书
行政求职信
2014/07/04 职场文书
培训科主任岗位职责
2014/08/08 职场文书
2014年乡镇安全生产工作总结
2014/12/02 职场文书
公务员个人年终总结
2015/02/12 职场文书
Redis实现主从复制方式(Master&Slave)
2022/06/21 Redis