对于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代码
Jan 01 Javascript
JSON语法五大要素图文介绍
Dec 04 Javascript
JS键盘版计算器的制作方法
Dec 03 Javascript
Canvas实现动态的雪花效果
Feb 13 Javascript
Vue.js bootstrap前端实现分页和排序
Mar 10 Javascript
详解tween.js的使用教程
Sep 14 Javascript
jQuery使用bind函数实现绑定多个事件的方法
Oct 11 jQuery
python爬取安居客二手房网站数据(实例讲解)
Oct 19 Javascript
微信小程序自定义组件实现tabs选项卡功能
Jul 14 Javascript
Vue CLI3基础学习之pages构建多页应用
Jun 02 Javascript
详解为什么Vue中不要用index作为key(diff算法)
Apr 04 Javascript
Node.js API详解之 net模块实例分析
May 18 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
php 禁止页面缓存输出
2009/01/07 PHP
ThinkPHP访问不存在的模块跳转到404页面的方法
2014/06/19 PHP
web前端开发也需要日志
2010/12/09 Javascript
通过JavaScript控制字体大小的代码
2011/10/04 Javascript
node.js中的buffer.toJSON方法使用说明
2014/12/14 Javascript
javascript制作网页图片上实现下雨效果
2015/02/26 Javascript
基于React.js实现原生js拖拽效果引发的思考
2016/03/30 Javascript
jQuery实现下拉框左右移动(全部移动,已选移动)
2016/04/15 Javascript
利用jquery给指定的table动态添加一行、删除一行的方法
2016/10/12 Javascript
通过bootstrap全面学习less
2016/11/09 Javascript
vue 实现数字滚动增加效果的实例代码
2018/07/06 Javascript
深入了解Hybrid App技术的相关知识
2019/07/17 Javascript
基于ssm框架实现layui分页效果
2019/07/27 Javascript
vue服务端渲染操作简单入门实例分析
2019/08/28 Javascript
python使用锁访问共享变量实例解析
2018/02/08 Python
python爬虫面试宝典(常见问题)
2018/03/02 Python
Python生成器定义与简单用法实例分析
2018/04/30 Python
python tkinter界面居中显示的方法
2018/10/11 Python
Python基础教程之异常详解
2019/01/10 Python
python实现函数极小值
2019/07/10 Python
Python解决pip install时出现的Could not fetch URL问题
2019/08/01 Python
python如何设置静态变量
2020/09/07 Python
python mongo 向数据中的数组类型新增数据操作
2020/12/05 Python
美国在线购买空气净化器、除湿器、加湿器网站:AllergyBuyersClub
2021/03/16 全球购物
面向对象设计的原则是什么
2013/02/13 面试题
小学二年级评语
2014/04/21 职场文书
捐款倡议书格式范文
2014/05/14 职场文书
奥巴马就职演讲稿
2014/05/15 职场文书
机关党员公开承诺书
2014/08/30 职场文书
2014年移动公司工作总结
2014/12/08 职场文书
单位考核鉴定意见
2015/06/05 职场文书
《折线统计图》教学反思
2016/02/22 职场文书
MySql新手入门的基本操作汇总
2021/05/13 MySQL
Spring整合Mybatis的全过程
2021/06/28 Java/Android
Vue中使用import进行路由懒加载的原理分析
2022/04/01 Vue.js
TV动画《政宗君的复仇》第二季制作决定PV公布
2022/04/02 日漫