如何为重设按钮设置默认的新表格形式

Question

我有一个带有空字段的隐藏表单。单击后显示该表单并填充值。然后，当您单击“重置”按钮时，该表单再次变为空，从技术上讲这是有意义的，但是从用户的角度来看，这是意外行为。

是否有一种“重置”重置按钮的方法，以便在用值填充表单后，这种情况成为默认情况，重置按钮将重置表单？

Answer 1

单击重置按钮时触发，在这里，我为您编写了一个演示代码。试试吧

$(".reset").click(function() {
    $(this).closest('#hiddenform').find("input[type=text], textarea").val("");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form id"hiddenform">
  <input type="text" name="name" placeholder="Enter Name">
  <input type="email" name="email" placeholder="Enter Email">
  
  <textarea name="description" placeholder="Enter Description"></textarea>
  
  
  <input type="reset" value="Reset" id="reset">
</form>

<form id"textform">
  <input type="text" name="name" placeholder="Enter Name">
  <input type="email" name="email" placeholder="Enter Email">
  
  <textarea name="description" placeholder="Enter Description"></textarea>
  <input type="reset" value="Reset" id="reset">
</form>