重置按鈕不會清除HTML5中的字段

Question

我有一個頁面，該頁面從文件讀取並顯示過濾的結果，具體取決於在搜索框中輸入的內容。 當我單擊“重置”按鈕時，它清除了我想要的搜索框，但我也希望清除過濾​​的結果。 如果我取消注釋下面的通話，此通話目前已被注釋-可以，但是搜索框無法清除。

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>

我需要搜索框和過濾后的結果才能清除。

Answer 1

重置表單會將表單中的字段重置為其默認值（由value屬性指定）。 除非默認值為空白，否則不會清除字段。

您的JavaScript正在設置value屬性。

如果要清空字段，則需要將其value 屬性設置為空字符串，而不是簡單地重置表單。