重置按钮在 html (php) 中不起作用

Question

我已将我的输入类型重置按钮放在表单中，但它仍然无法正常工作。

 <form method='post' action='process/update_news_action.php' >
<tr>
   <td colspan='2' class="col-md-4">Update News Content</td>
</tr>
<tr >
   <td colspan='2' class="col-md-8"><textarea name="news" id="text"><?php echo  $rows["news"] ;  ?></textarea></td>
</tr>
<tr>
   <td class="col-md-4"><input name='submit' type="submit" value='Publish' class="btn btn-success" /></td>
   <td class="col-md-4"><input name='reset' type="reset" value='Reset' class="btn btn-primary" /></td>
</tr>
</form>

我也试过 <button type="reset" value="Reset">Reset</button>

原文由 Jaspreet Kaur 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果您希望重置按钮清空表单，那不是重置的工作方式。它会将表单字段重置 _为加载页面时的状态_。在这种情况下，您已经在表单中预先填充了内容，因此单击重置将简单地撤消自页面加载以来的任何用户更改。

要将所有表单字段重置为空白/无，您将需要 javascript。首先获取表单 DOM 对象，然后遍历所有要重置的输入类型，并设置每个 field.value = '' （输入文本类型/文本区域），或修改属性（用于选择、单选、复选框等）取消选择等等。把它变成一个函数（那里可能有现成的东西，我好像丢了我的），并为你的重置按钮设置它 onclick （和 return false 除非你想要默认操作也运行）。

编辑： 在快速搜索中，这里有一个基本示例， 说明如何将表单清除 为空值。

原文由 Markus AO 发布，翻译遵循 CC BY-SA 3.0 许可协议