JavaScript实现重置表单（reset）的方法

2024-05-06 16:18:09

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了JavaScript实现重置表单(reset)的方法,涉及javascript中reset()方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JavaScript实现重置表单(reset)的方法。分享给大家供大家参考。具体如下：

下面的代码可以对表单内的输入数据进行重置

<!DOCTYPE html>

<html>

<head>

<script>

function formReset()

{

document.getElementById("frm1").reset();

}

</script>

</head>

<body>

<p>Enter some text in the fields below,

then press the "Reset form" button to reset the form.</p>

<form id="frm1">

First name: <input type="text" name="fname"><br>

Last name: <input type="text" name="lname"><br><br>

<input type="button" onclick="formReset()" value="Reset form">

</form>

</body>

</html>