使用BUTTON清除FORM中的值

时间:2017-01-27 10:25:38

标签: forms input

我想在我的表单上有一个可以清除所有值的按钮。我找到了一些Javascript代码,但他们将值重置为“默认值”。

<form id="prova" action="#" method="post">DATE:          
<input id="datepicker" name="date1" type="text"  />
Period from: <input  id="datepicker2" name="date2" type="text" value=" <?php echo $name3 ?>"/>  
to <input  id="datepicker3" name="date3" type="text" value= "<?php echo $name4  ?>" /> 

1 个答案:

答案 0 :(得分:0)

reset()方法重置表单中所有元素的值(与单击Reset按钮相同)。

<form id="myForm">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br><br>
  <input type="button" onclick="document.getElementById('myForm').reset();" value="Reset form">
</form>

plunkr链接http://plnkr.co/edit/ZJnGbNB7m9XKDwyL4Zte?p=preview

中的工作代码示例