如何为重置按钮默认设置新的表单情况答案

【问题标题】：How to make a new form situation default for the reset button如何为重置按钮默认设置新的表单情况
【发布时间】：2020-09-25 12:38:45
【问题描述】：

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

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

【问题讨论】：

为什么表单字段在隐藏时必须为空？如果你给他们一个默认值，当点击重置时重置将应用它们。
该页面包含反映数据库中记录的行。用户单击其中一行来编辑表单中的数据。

标签： html forms button reset

【解决方案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>

【讨论】：

这只是 jQuery 中重置按钮的默认功能的重新创建。我想你还没有理解我的问题？
是的，你能更好地解释你的问题吗？
1.从空表格开始 - 2. 用一些值填写表格 - 3. （以某种方式）使填写的表格成为开始情况 - 4. 更改值 - 5. 单击重置按钮，表格应该返回到开始情况（在步骤 2 中填充了一些值）。