如何创建一个按钮，在单击重置按钮时删除所有字段。以下代码执行操作而不是重置字段

Question

<form id="myForm" action="firstjsp" method="post">
<table>
<tr> 
<td> User Name:</td>
<td><input type="text" name="userName"></td></tr>
<tr><td>Email:</td><td><input type="text" name="emailID"></td></tr>
<tr><td>New Password:</td><td> <input type="password" name="userPassword"></td></tr>
<tr><td>Confirm Password: </td><td> <input type="password" name="confirmPassword"></td></tr>
<tr><td>Address: </td><td><input type="text" cols="40" rows="5"  name="address"></td></tr>
<tr><td>Gender:</td> <td><input type="radio" name="radioGender" value="Male" >Male</td>
<td><input type="radio" name = "radioGender" value="female">Female </td></tr>
<tr><td><center><input type="submit" value="Submit"></center></td> <td><center><button onClick="myFunction()">Reset</button></center></td></tr>

</table>
</form>
<script>
function myFunction(){
    document.getElementByName("myForm").(reset);
}
</script>

<--首先jsp是一个servlet文件。单击重置后，程序将移动到 servlet 程序，而不是显示同一页面 -->

Answer 1

这会将表单中的所有值重置为其默认值。不需要 Javascript。为了工作，您需要将 <input ... > 放在与您要重置的表单相同的 <form> </form> 标签内。

<input type="reset" value="Reset">

Answer 2

它工作正常，试试这个

<form id="myForm" action="firstjsp" method="post">
<table>
<tr> 
<td> User Name:</td>
<td><input type="text" name="userName"></td></tr>
<tr><td>Email:</td><td><input type="text" name="emailID"></td></tr>
<tr><td>New Password:</td><td> <input type="password" name="userPassword"></td></tr>
<tr><td>Confirm Password: </td><td> <input type="password" name="confirmPassword"></td></tr>
<tr><td>Address: </td><td><input type="text" cols="40" rows="5"  name="address"></td></tr>
<tr><td>Gender:</td> <td><input type="radio" name="radioGender" value="Male" >Male</td>
<td><input type="radio" name = "radioGender" value="female">Female </td></tr>
<tr><td><center><input type="submit" value="Submit"></center></td> <td><center><input type="Reset" value="Reset" onClick="myFunction()"></button></center></td></tr>

</table>
</form>
<script>
function myFunction(){
    document.getElementByName("myForm").(reset);
}
</script>

如何创建一个按钮，在单击重置按钮时删除所有字段。以下代码执行操作而不是重置字段

How to create a button that deletes all field when reset button is clicked. The following code performs action instead of resetting the fields

javascript

servlets