form.reset() 的真正作用，并不是清空所有输入栏

form 有个方法是 reset()，作用不是清空 <form> 标签中的所有输入栏，而是回到上一次载入页面时的状态。

看例子：

<form id="input-form"><input type="text"><input type="text"><input type="text">
</form>

上面这个在执行 document.querySelector('#input-form').reset() 的时候，会清空所有的 input，因为页面第一次载入的时候就是空的。再看下面：

<form id="input-form"><input type="text" value="Kyle"><input type="text"><input type="text">
</form>

像上面这个在页面载入的时候，第一个 input 已经有值，不管后面你怎么修改，在执行 document.querySelector('#input-form').reset()的时候都会回到初始样子，第一个 input 都会回到里面有 Kyle 值的样子。

form.reset() 的真正作用，并不是清空所有输入栏相关推荐

表单reset重置按钮的作用并非是清空表单
不少初学者可能会认为表单元素的reset按钮是清空表单元素,其实并非如此. 看如下代码示例: 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 ...
在文件中查找和替换，覆盖文件不起作用，它清空了文件
我想通过命令行在HTML文件上运行查找和替换. 我的命令如下所示: sed -e s/STRING_TO_REPLACE/STRING_TO_REPLACE_IT/g index.html > ...
angular2 form reset
<div class="col-sm-8 pull-right text-danger" [hidden]="course.valid || course.unto ...
HTTP缓存控制小结
前言通过网络获取内容既缓慢,成本又高:大的响应需要在客户端和服务器之间进行多次往返通信,这拖延了浏览器可以使用和处理内容的时间,同时也增加了访问者的数据成本.因此,缓存和重用以前获取的资源的能力成为 ...
浏览器: F5和 Ctrl+F5的区别
刚修改了所有的首页,全部加上了帮助firefox来创造世界奇迹! 不过现在有个问题,好几个首页必须按下ctrl+f5才能看到最新的效果.网上找了一片说f5和ctrl+f5区别的文章,写的很全面. -- ...
我的第一个Android应用BMI-深入浅出Android
深入浅出 Android 1入门 .... 4 初探 Android .. 4 2008 年末最大的冲击 .... 4 Android 是什么 .... 4 从创意开始 .... 5 安装 Andro ...
yjh的实习生涯之自动化测试（2）---新建一个自动登录淘宝例子以及如何将java代码运行到手机上
上一篇(http://blog.csdn.net/qq_33223761/article/details/53846914)我们了解了uiautomator的一些基本用法和方法,现在我们再来看看怎么创 ...
layui 如何清空form表单
当你在写新增与修改的时候,大家都会共用一个界面,但是当你点击完修改,再去点击新增,会有残留在新增界面上炒鸡有用的form表单清空: document.getElementById("for ...
form表单reset报 reset is not a function
今天遇到一个js 的bug 如下图所示: 一般form表单重置 js的方式是:document.getElementById("form").reset(). jquery的方式是 ...

form.reset() 的真正作用，并不是清空所有输入栏

form.reset() 的真正作用，并不是清空所有输入栏

form.reset() 的真正作用，并不是清空所有输入栏相关推荐

最新文章

热门文章