Form reset() 方法 reset()定义和用法_


Form reset() 方法

Form 对象 上一级

一、reset()定义和使用方法

reset() 方法可以重置表单所有元素的值 (与点击 Reset 按钮效果一致)。

function resetF(fname){

if(window.confirm(resetmsg)){

document.forms[fname].reset();

return false;

}}

二、reset()语法

<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();


formObject.reset()



三、浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 reset() 方法


四、reset()示例代码

示例代码

创建表单的重置按钮:

<html>
<head>
<script>
function formReset()
{
document.getElementById("frm1").reset();
}
</script>
</head>
<body>

<form id="frm1">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="button" onclick="formReset()" value="Reset form">
</form>

</body>
</html>

方法二:

逐一清空,代码如下:

$("#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>

Copyright © 2017 CSS5.NET教程.CSS5 内容仅用于学习和测试参考。 css5.net All Rights Reserved 蜀ICP备15003849号-16