关于form的reset()方法

最新推荐文章于 2024-07-21 11:35:59 发布

just_coming_here

最新推荐文章于 2024-07-21 11:35:59 发布

阅读量8k

点赞数

文章标签： html

本文链接：https://blog.csdn.net/just_coming_here/article/details/53020510

版权

官方的解释是，reset() 方法可把表单中的元素重置为它们的默认值。

</pre><p></p><p><span style="font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249)">那么问题来了，当你的表单元素如下</span></p><p></p><pre code_snippet_id="1964263" snippet_file_name="blog_20161103_2_2773768" name="code" class="html"><form action="#" id="form1">
            <input type="text" id="username">
            <input type="text" id="password">
            <input type="text" id="test" value="testValue">
            <input type="reset"  value="reset">
</form>

当你修改这个表单的时候，即使把testValue修改了，你使用reset的时候它会变回来，而上面的username和password的内容都会为空。

它恢复了id=test 的input的默认值。而不是将它清空。