如何取消编辑/禁用缓存的输入（类型为文本）值？

Question

我有一个类型为text的输入框，其中我已经输入了值1234。
它已经保存在缓存中，如下所示。

问题在于，选择下一行的文本框非常令人沮丧。 是否有办法通过HTML标记或JavaScript不显示屏幕截图中突出显示的12334?

- dance2die

---

жҲ‘жІЎжңүе°Ҷж Үйўҳжӣҙж”№дёәвҖңеҰӮдҪ•зҰҒз”ЁAutocompleteвҖқпјҢеӣ дёәеҸҜиғҪиҝҳжңүе…¶д»–дәәдёҚзҹҘйҒ“AutocompleteеұһжҖ§йҖүйЎ№гҖӮ - dance2die

Answer 1

正如@John所指出的，在现代浏览器中，您可以使用HTML5规范中定义的autocomplete属性。从您的截图中可以看到有很多文本框，如果您想在整个表单中禁用自动完成，可以直接在form元素上设置这个属性：

<form name="form1" id="form1" method="post" autocomplete="off"
  action="http://www.example.com/form.action">
[...]
</form>

更多信息：

• 如何关闭表单自动填充

- Christian C. Salvadó

---

@CMS：John说得对，但我想将其全局应用于所有文本输入控件。将“自动完成”应用于表单会完全禁用它们，正如我所期望的那样。谢谢。 - dance2die

Answer 2

<input type="text" name="input" autocomplete="off" />

这是一个HTML代码片段，用于创建文本输入框。其中"type"属性指定了输入框的类型为文本，"name"属性定义了输入框的名称，"autocomplete"属性则禁用了自动填充功能。请注意保留HTML标签。

- John Kugelman

Answer 3

为了将此应用于所有输入控件，请编写以下代码（使用jQuery）：

$(document).ready(function () {
    $('input[type=text], input[type=password]').attr('autocomplete', 'off');
});

- Silvio Delgado