对于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 相关文章推荐
自己写的兼容ie和ff的在线文本编辑器类似ewebeditor
Dec 12 Javascript
js弹出窗口之弹出层的小例子
Jun 17 Javascript
jquery text(),val(),html()方法区别总结
Nov 04 Javascript
JQuery弹出层示例可自定义
May 19 Javascript
页面加载完后自动执行一个方法的js代码
Sep 06 Javascript
jQuery实现视频作为全屏幕背景
Dec 18 Javascript
jQuery中removeData()方法用法实例
Dec 27 Javascript
Javascript中数组方法汇总(推荐)
Apr 01 Javascript
详谈js模块化规范
Jul 07 Javascript
解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题
Apr 21 Javascript
React中Ref 的使用方法详解
Apr 28 Javascript
Angular利用HTTP POST下载流文件的步骤记录
Jul 26 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
yii实现创建验证码实例解析
2014/07/31 PHP
php中in_array函数用法分析
2014/11/15 PHP
自己写的php curl库实现整站克隆功能
2015/02/12 PHP
php+mysql实现的二级联动菜单效果详解
2016/05/10 PHP
ThinkPHP删除栏目(实现批量删除栏目)
2017/06/21 PHP
Jquery Ajax学习实例 向页面发出请求,返回XML格式数据
2010/03/14 Javascript
qTip 基于JQuery的Tooltip插件[兼容性好]
2010/09/01 Javascript
浅谈JavaScript编程语言的编码规范
2011/10/21 Javascript
JavaScript Math.ceil() 函数使用介绍
2013/12/11 Javascript
JavaScript支持的最大递归调用次数分析
2014/06/24 Javascript
JavaScript基于对象去除数组重复项的方法
2016/10/09 Javascript
详解vue表单验证组件 v-verify-plugin
2017/04/19 Javascript
Ionic学习日记实现验证码倒计时
2018/02/08 Javascript
jQuery实现的页面详情展开收起功能示例
2018/06/11 jQuery
浅谈Vue CLI 3结合Lerna进行UI框架设计
2019/04/14 Javascript
详解vue-cli3开发Chrome插件实践
2019/05/29 Javascript
微信小程序如何连接Java后台
2019/08/08 Javascript
Vue实现仿iPhone悬浮球的示例代码
2020/03/13 Javascript
Vue element-ui父组件控制子组件的表单校验操作
2020/07/17 Javascript
基于python编写的微博应用
2014/10/17 Python
基于python的七种经典排序算法(推荐)
2016/12/08 Python
基于python中staticmethod和classmethod的区别(详解)
2017/10/24 Python
python使用RNN实现文本分类
2018/05/24 Python
python PyQt5/Pyside2 按钮右击菜单实例代码
2019/08/17 Python
python3-flask-3将信息写入日志的实操方法
2019/11/12 Python
mac安装python3后使用pip和pip3的区别说明
2020/09/01 Python
如何利用python发送邮件
2020/09/26 Python
Python colormap库的安装和使用详情
2020/10/06 Python
Pycharm github配置实现过程图解
2020/10/13 Python
Python列表元素删除和remove()方法详解
2021/01/04 Python
如何使用amaze ui的分页样式封装一个通用的JS分页控件
2020/08/21 HTML / CSS
美国复古街头服饰精品店:Need Supply Co.
2017/02/22 全球购物
医药学专业大学生职业生涯规划书论文
2014/01/21 职场文书
考试不及格的检讨书
2014/01/22 职场文书
三月学雷锋活动总结
2014/06/26 职场文书
2015年后勤工作总结范文
2015/04/08 职场文书