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

我有一個從文件讀取並根據搜索框中輸入的內容顯示過濾結果的頁面。當我點擊RESET按鈕清除搜索框，這是我想要的，但我也希望過濾的結果也被清除。所以如果我取消註釋下面的評論目前的呼籲 - 它的作品，但搜索框不清楚。我的HTML5代碼：重置按鈕不能清除HTML5中的字段

</script> 
</head> 
<body> 
<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> 

</body> 
</html>

有人可以幫忙嗎？我需要搜索框和過濾結果來清除。

來源

2015-01-15 yigames

重置表單將其中的字段重置爲其默認值（如value屬性所指定）。除非默認值爲空，否則它不會清除這些字段。

您的JavaScript正在設置value屬性。

如果要空白字段，則需要將它們的value屬性設置爲空字符串，而不是簡單地重置表單。

來源

2015-01-15 13:06:07 Quentin

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

回答

相關問題