Reactjs 自动完成:'关闭'

IT技术 javascript reactjs
2021-05-21 19:59:19
<div className={inputContainerClass}>
 <input
                    required
                    autoComplete='off'
                    value={value}
                    type='password'
                    maxLength=15
                />

</div>

autoComplete : 'off', autoComplete: {'off'}, autocomplete:{false},<input type="password" style="display:none">不工作。

4个回答
<input name="my-field-name" autoComplete="new-password" />

为我工作👍

它看起来autoComplete="off"autoComplete="new-password"有效,但在多次使用表单后,它开始将字段的值保存到您为自动完成设置的任何字符串。

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

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

您必须将输入标签包装成表单:

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

您需要使用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>