Forms 使用按钮清除表单中的值

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

日期：
Period from:reset（）方法重置表单中所有元素的值（与单击重置按钮相同）


名字：

姓氏：



plunkr链接中的工作代码示例
请显示更多代码，如果您希望清空每个输入框，则应尝试
$（'input'）.val（''）好。我应该如何在我的代码中插入此代码？您应该编写一个事件，该事件在重置按钮上触发，然后通过在该事件中写入此代码清空输入框。希望你明白我的意思。非常感谢，这很有效！不客气@塔伦德盖
<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  ?>" /> 

<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>