javascript - 清空输入后页面刷新后浏览器自动填充 - 这是一个错误吗？

Question

使用搜索输入字段。然后，该字段被清空以清除搜索。但是当用户刷新页面时，该字段的输入字段中再次出现搜索词。这似乎是由于每个浏览器的自动完成设置所致。通常，自动完成功能很好，但是清空该字段应该会覆盖该值，不是吗？

这似乎是一个错误，应该提交给 Chrome 和 IE 以及 Safari(Firefox 似乎没有这个问题)。但真的是这样吗？

或者有没有办法在用户清除输入时正确清除该值？我们不想禁用自动填充。

我在搜索清除功能中尝试了 $('myinput').prop('defaultValue','') ，但没有成功。也就是说，属性发生了变化，但是当刷新页面时，输入字段中又出现了之前的值。

Answer 1

有时，当相同表单中存在密码字段时，我会注意到 Chrome 和 Safari 上的这种奇怪行为。我猜想，浏览器会查找密码字段来插入您保存的凭据。然后它会自动填充(只是由于观察而猜测)最近的文本输入字段，该字段出现在 DOM 中的密码字段之前。由于浏览器是最后一个实例，您无法控制它，有时甚至 autocomplete=off 也不会阻止填写凭据。这个只读修复对我有用。

 <!-- fix browser password fill in: 
     set readonly and set writeble on focus (click and tab) -->
 <input type="search" readonly  
     onfocus="$(this).removeAttr('readonly');"/>