Question

<!DOCTYPE html>
<html>
<head>
  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" media="screen">
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
  <form class="inline" action="" method="post" name="search">
    <input id="csrf_token" name="csrf_token" type="hidden" value="xxx">
    <datalist id="id_datalist">
        <option value="CLARENVILLE, CA">
    </datalist>
    <div class="form-group">
      <label for="origin">Origin:</label>
      <input class="form-control" id="origin" list="id_datalist" name="origin" size="40" type="text" value="SHANGHAI, CN">
    </div>
    <div class="form-group">
      <label for="speed">Speed (knots):</label>
      <input class="form-control" id="speed" name="speed" size="5" type="text" value="14.0">
    </div>
    <button type="submit" class="btn btn-default">Submit</button>
  </form>
</body>

</html>

自动完成：＆＃39;关闭＆＃39; ，autoComplete：{＆＃39; off＆＃39;}，自动填充：{false}，无效。请提供解决方案。

Answer 1

autoComplete="off"或autoComplete="new-password"似乎有效，但是在多次使用表单后，它开始将字段的值保存到为自动完成设置的任何字符串上。

我已经为autoComplete尝试了许多字符串，但是它总是最终返回。我为此找到的最佳解决方案是每次都为autoComplete生成一个新字符串。我一直这样做，没有问题：

<input name="field-name" autoComplete={'' + Math.random()} />

Answer 2

您必须将输入标签包装成表格：

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

Answer 3

Add-AppxPackage <PathToAppx>

为我工作

Answer 4

您需要使用autoComplete="off"。见工作示例。

const Element = () => (
  <div>
    <input
      name="email"
      autoComplete="off" />
  </div>
);

ReactDOM.render(
  <Element />,
  document.getElementById('root')
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>


<div id="root"></div>

Answer 5

应该是autocomplete="off"。但请记住，Chrome正式忽略了这一点，无论如何都会使用自动完成功能。 Take a look here了解一些变通方法

Reactjs AutoComplete：＆＃39; off＆＃39;不工作

5 个答案: