重置按钮不会清除 HTML5 中的字段答案

【问题标题】：Reset button does not clear fields in HTML5重置按钮不会清除 HTML5 中的字段
【发布时间】：2023-03-19 18:14:01
【问题描述】：

我有一个页面，它从文件中读取并根据在搜索框中输入的内容显示过滤结果。当我单击重置按钮时，它会清除我想要的搜索框，但我也希望过滤结果也被清除。如果我取消注释下面的调用（目前已注释） - 它可以工作，但搜索框不清晰。

HTML：

<form>
    <ul data-bind="foreach:properties">
        <li><input data-bind="attr:{placeholder:id},event:{change:$root.onInputChange}, value:value, valueUpdate: 'afterkeydown'" /></li>
    </ul>   
    <input type="reset" value="Reset"/>
    <!--<input type="reset" value="Reset" data-bind="click:$root.onclick"/>-->
</form>
<p></p>
<table data-bind="foreach:itemsFiltered">
    <tr data-bind="foreach:$parent.formatItem($data)">
        <td data-bind="text:value"></td>
    </tr>
</table>

我需要清除搜索框和过滤结果。

【问题讨论】：

标签： javascript jquery html reset

【解决方案1】：

重置表单会将其中的字段重置为其默认值（由value 属性指定）。除非默认值为空白，否则不会清除字段。

您的 JavaScript 正在设置 value 属性。

如果您想清空这些字段，您需要将它们的value 属性设置为空字符串，而不是简单地重置表单。

【讨论】：