对于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 相关文章推荐
一行代码实现纯数据json对象的深度克隆实现思路
Jan 09 Javascript
Javascript call和apply区别及使用方法
Nov 14 Javascript
javascript数组操作(创建、元素删除、数组的拷贝)
Apr 07 Javascript
jquery实现可横向和竖向展开的动态下滑菜单效果
Aug 24 Javascript
JavaScript中最容易混淆的作用域、提升、闭包知识详解(推荐)
Sep 05 Javascript
原生javascript上传图片带进度条【实例分享】
Apr 06 Javascript
webpack写jquery插件的环境配置
Dec 21 jQuery
浅析node.js的模块加载机制
May 25 Javascript
JS 事件机制完整示例分析
Jan 15 Javascript
详解为什么Vue中不要用index作为key(diff算法)
Apr 04 Javascript
使用Taro实现小程序商城的购物车功能模块的实例代码
Jun 05 Javascript
vue数据更新UI不刷新显示的解决办法
Aug 06 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
如何过滤高亮显示非法字符
2006/10/09 PHP
基于PHP开发中的安全防范知识详解
2013/06/06 PHP
PHP字符串的递增和递减示例介绍
2014/02/11 PHP
Session的工作机制详解和安全性问题(PHP实例讲解)
2014/04/10 PHP
跟我学Laravel之安装Laravel
2014/10/15 PHP
php中将一个对象保存到Session中的方法
2015/03/13 PHP
PHP微信开发之文本自动回复
2016/06/23 PHP
详解Yii2.0 rules验证规则集合
2017/03/21 PHP
js中将多个语句写成一个语句的两种方法小结
2007/12/08 Javascript
利用jQuery的$.event.fix函数统一浏览器event事件处理
2009/12/21 Javascript
jquery ui resizable bug解决方法
2010/10/26 Javascript
jQuery1.4.2与老版本json格式兼容的解决方法
2011/02/12 Javascript
javascript 闭包
2011/09/15 Javascript
css3元素简单的闪烁效果实现(html5 jquery)
2013/12/28 Javascript
JS应用正则表达式转换大小写示例
2014/09/18 Javascript
分享一款基于jQuery的视频播放插件
2014/10/09 Javascript
IE6/IE7中JavaScript json提示缺少标识符、字符串或数字问题处理
2014/12/16 Javascript
javascript实现将数字转成千分位的方法小结【5种方式】
2016/12/11 Javascript
菊花转动的jquery加载动画效果
2018/08/19 jQuery
[02:23]2014DOTA2国际邀请赛中国战队回顾
2014/08/01 DOTA
[04:52]DOTA2亚洲邀请赛附加赛 TOP10精彩集锦
2015/01/29 DOTA
[01:25]2015国际邀请赛最佳短片奖——斧王《拆塔英雄:天赋异禀》
2015/09/22 DOTA
python 从远程服务器下载东西的代码
2013/02/10 Python
Pythont特殊语法filter,map,reduce,apply使用方法
2016/02/27 Python
Python设计模式中单例模式的实现及在Tornado中的应用
2016/03/02 Python
python随机取list中的元素方法
2018/04/08 Python
浅谈对pytroch中torch.autograd.backward的思考
2019/12/27 Python
解决Python3.7.0 SSL低版本导致Pip无法使用问题
2020/09/03 Python
如何用tempfile库创建python进程中的临时文件
2021/01/28 Python
python批量提取图片信息并保存的实现
2021/02/05 Python
办公室驾驶员岗位职责
2013/11/15 职场文书
2015年教师节感言
2015/08/03 职场文书
关于感恩的歌曲整理(8首)
2019/08/14 职场文书
JavaScript实现简单图片切换
2021/04/29 Javascript
MySQL数据库如何查看表占用空间大小
2022/06/10 MySQL
React如何使用axios请求数据并把数据渲染到组件
2022/08/05 Javascript