html输入字段自动填充浏览器表单中保存的用户名[重复]答案

【问题标题】：html Input field is auto filled with username saved in browser form [duplicate]html输入字段自动填充浏览器表单中保存的用户名[重复]
【发布时间】：2018-05-17 05:08:00
【问题描述】：

问题：我创建了一个文本类型的输入字段，但是当页面加载时，它会自动填充浏览器表单数据中保存的用户名（为此网站登录页面保存）。我想在页面加载时显示它干净。

<input type="text" class="form-control search-field" placeholder="Search Item" 
ng-model="vm.applyCategFoodSearch" autocomplete="off" 
name="txtFieldForSearchItems">

我无法找到解决方案，许多其他来源都建议使用 autocomplete='off'，但问题未得到解决。如果可以使用 html、jquery、javascript、angularjs 处理。会很好的。我还重置了控制器中的值

 vm.applyCategFoodSearch='';

也尝试过超时，但不起作用

      $timeout( function(){
         vm.applyCategFoodSearch='';
    }, 5000 );

如果我将超时设置为 10 秒，它会起作用，但它不是解决方案。我正在发送食品类别的 ajax 调用，当它返回时，此超时代码将运行 10 秒延迟。它会工作。除了 10 秒的延迟。它不会工作。

【问题讨论】：

标签： javascript jquery html angularjs

【解决方案1】：

在控制器中，您可以将其设置为空字符串。

applyCategFoodSearch="";

基本上会是这样的 $scope.applyCategFoodSearch="" 或 this.applyCategFoodSearch="" ，取决于你喜欢哪个

【讨论】：

我也这样做了，但还是不行。我也通过设置超时来做到这一点，它不起作用。
分享完整代码
好的，我编辑问题，

【解决方案2】：

autocomplete='off' 这些天被主流浏览器忽略了。我建议您为每个会话创建一个随机字符串，并在输出 html 时将随机字符串附加到名称参数值。例如，假设随机字符串是“fjsdorf”，你可以输出这个name="fjsdorf_txtFieldForSearchItems"。当你在服务器端获取数据时，你可以在想要访问参数值时附加随机字符串。

【讨论】：

【解决方案3】：

试试这个，希望对你有帮助：

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

或在页面加载时尝试使用 jquery：

$('input#Password').val('');

【讨论】：

我这样做了，但它不起作用，