You are here
form reset 重置表单 清空表单 有大用
星期五, 2019-08-23 00:58 — adminshiping1
来自 https://www.w3school.com.cn/jsref/met_form_reset.asp
纯洁潇潇7囕9
推荐于2017-09-25
lei3844
来自电脑网络类芝麻团 推荐于2018-08-04
HTML DOM reset() 方法
定义和用法
reset() 方法可把表单中的元素重置为它们的默认值。
语法
formObject.reset()
说明
调用该方法的结果类似用户单击了 Reset 按钮的结果，只是表单的事件句柄 onreset 不会被调用。
实例
<html>
<head>
<script type="text/javascript">
function formReset()
{
document.getElementById("myForm").reset()
}
</script>
</head>
<form id="myForm">
Name: <input type="text" size="20"><br />
Age: <input type="text" size="20"><br />
<br />
<input type="button" onclick="formReset()" value="Reset">
</form>
</body>
</html>TIY
来自 https://www.w3school.com.cn/jsref/met_form_reset.asp
举报浏览 49375 次
纯洁潇潇7囕9 推荐于2017-09-25
由于JQuery中，提交表单是像下面这样的：Java代码 $('#myform').submit() $('#myform').submit() 所以，想当然的认为，重置表单，当然就是像下面这样子喽：Java代码 $('#myform').reset() $('#myform').reset()但是，不幸的是，这样写的话，会有一个让你很郁闷的结果，那就是，表单无法重置！后来，上网查了一下，说是，JQuery中没有reset方法，经核对，果然是没有。那有么没有办法通过JQuery来重置表单呢，答案是有的，不过是一种间接的方法，如下：Java代码 $('#myform')[0].reset()也就是通过调用 DOM 中的reset方法来重置表单。
lei3844 来自电脑网络类芝麻团 推荐于2018-08-04
代码如下:
<form id="form1" action="" method="post" runat="server">
<input name="inp" id="inp" value="1" />
</form>
方法一：
我们可以通过就是id实现 ，代码如下:
document.getElementById("form1").reset();
通过name实现，代码如下:
document.formName.reset();
方法二：
逐一清空，代码如下:
$("#inp").val("1");
但是表单太多的话可以如下写，代码如下:
$("input").val("");
设表单的默认值加type为reset的input ，代码如下:
<form id="form1" action="" method="post" runat="server">
<input name="inp" id="inp" value="1" />
<input id="res" name="res" type="reset" style="display:none;" />
</form>
<script>
$("input[name='res']").click();
</script>
资料参考：http://www.jb51.net/article/40325.htm
<form id="form1" action="" method="post" runat="server">
<input name="inp" id="inp" value="1" />
</form>
方法一：
我们可以通过就是id实现 ，代码如下:
document.getElementById("form1").reset();
通过name实现，代码如下:
document.formName.reset();
方法二：
逐一清空，代码如下:
$("#inp").val("1");
但是表单太多的话可以如下写，代码如下:
$("input").val("");
设表单的默认值加type为reset的input ，代码如下:
<form id="form1" action="" method="post" runat="server">
<input name="inp" id="inp" value="1" />
<input id="res" name="res" type="reset" style="display:none;" />
</form>
<script>
$("input[name='res']").click();
</script>
资料参考：http://www.jb51.net/article/40325.htm
普通分类: