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

Posted 2023-04-18

【中文标题】如何取消编辑/禁用缓存输入（文本类型）值？

【英文标题】：How to cancel edit/disable cached input (of type text) value?

【发布时间】：2010-12-08 05:14:41

【问题描述】：

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

这里的问题是，选择下一行的文本框非常令人沮丧。

有没有办法不通过 html 标记或 javascript 显示 12334（在屏幕截图中突出显示）？

【问题讨论】：

我没有将标题更改为“如何禁用Autocomplete，因为可能有其他人不知道Autocomplete 属性选项。

【参考方案1】：

正如@John 指出的那样，在现代浏览器上，您可以使用HTML5 valid autocomplete 属性，在您的屏幕截图中我看到很多文本框，如果您想禁用整个表单的自动完成功能，您可以直接在form 元素：

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

更多信息：

How to Turn Off Form Autocompletion

【讨论】：

@CMS：John 是对的，但我想将它全局应用于所有文本输入控件。将autocomplete 应用到表单完全按照我的意图禁用它们。谢谢

【参考方案2】：

<pre>&lt;input type="text" name="input" autocomplete="off" /&gt;</pre>

【参考方案3】：

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

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