对于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子窗口ModalDialog中操作父窗口对像
Dec 11 Javascript
根据身份证号自动输出相关信息(籍贯,出身日期,性别)
Nov 15 Javascript
解析URI与URL之间的区别与联系
Nov 22 Javascript
jQuery判断checkbox是否选中的小例子
Dec 02 Javascript
cookie的secure属性详解
Apr 08 Javascript
Javascript中arguments用法实例分析
Jun 13 Javascript
Bootstrap 折叠(Collapse)插件用法实例详解
Jun 01 Javascript
AngularJS使用带属性值的ng-app指令实现自定义模块自动加载的方法
Jan 04 Javascript
详解bootstrap导航栏.nav与.navbar区别
Nov 23 Javascript
JS简单实现动态添加HTML标记的方法示例
Apr 08 Javascript
vue之组件内监控$store中定义变量的变化详解
Nov 08 Javascript
使用Bootstrap做一个朝代历史表
Dec 10 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下目前为目最全的CURL中文说明
2010/08/01 PHP
解析php 版获取重定向后的地址(代码)
2013/06/26 PHP
php生成动态验证码gif图片
2015/10/19 PHP
php实现微信企业号支付个人的方法详解
2017/07/26 PHP
JavaScript 常用函数库详解
2009/10/21 Javascript
jquery 新浪网易的评论块制作
2010/07/01 Javascript
JavaScript中数组的排序、乱序和搜索实现代码
2011/11/30 Javascript
A标签中通过href和onclick传递的this对象实现思路
2013/04/19 Javascript
jQuery之按钮组件的深入解析
2013/06/19 Javascript
javascript模拟地球旋转效果代码实例
2013/12/02 Javascript
Javascript排序算法之计数排序的实例
2014/04/05 Javascript
require.js深入了解 require.js特性介绍
2014/09/04 Javascript
jQuery简单实现隐藏以及显示特效
2015/02/26 Javascript
Javascript 5种方法实现过滤删除前后所有空格
2016/06/22 Javascript
jQuery获取浏览器类型和版本号的方法
2016/07/05 Javascript
jQuery 获取页面li数组并删除不在数组中的key
2016/08/02 Javascript
jQuery手指滑动轮播效果
2016/12/22 Javascript
Bootstrap的popover(弹出框)在append后弹不出(失效)
2017/02/27 Javascript
详谈Angular 2+ 的表单(一)之模板驱动型表单
2017/04/25 Javascript
vuex的简单使用教程
2018/02/02 Javascript
使用express搭建一个简单的查询服务器的方法
2018/02/09 Javascript
jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
2019/06/06 jQuery
vue radio单选框,获取当前项(每一项)的value值操作
2020/09/10 Javascript
小程序实现密码输入框
2020/11/16 Javascript
[06:16]DOTA2守卫传承者——职业选手谈心路历程
2015/02/26 DOTA
用python实现面向对像的ASP程序实例
2014/11/10 Python
Python文件及目录操作实例详解
2015/06/04 Python
使用python实现ANN
2017/12/20 Python
在pycharm中实现删除bookmark
2020/02/14 Python
Python用5行代码实现批量抠图的示例代码
2020/04/14 Python
python实现mask矩阵示例(根据列表所给元素)
2020/07/30 Python
CSS实现圆形放大镜狙击镜效果 只有圆圈里的放大
2012/12/10 HTML / CSS
最便宜促销价格订机票:Airpaz(总部设在印尼,支持中文)
2018/11/13 全球购物
大学班级文化建设方案
2014/05/06 职场文书
文化苦旅读书笔记
2015/06/29 职场文书
GoFrame gredis缓存DoVar Conn连接对象 自动序列化GoFrame gredisDo/DoVar方法Conn连接对象自动序列化/反序列化总结
2022/06/14 Golang