reactjs React自动完成："关闭"

ct3nt3jp 于 2022-12-22 发布在 React

关注(0)|答案(6)|浏览(183)

<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">无法正常工作。

reactjs

来源：https://stackoverflow.com/questions/44945995/reactjs-autocomplete-off

6条答案

按热度按时间

58wvjzkj1#

<input name="my-field-name" autoComplete="new-password" />

对我有用👍

赞(0）回复(0）举报 2022-12-22

3b6akqbq2#

autoComplete="off"或autoComplete="new-password"似乎可以工作，但是在多次使用表单之后，它开始将字段的值保存为您为自动完成设置的任何字符串。
我尝试了很多自动完成的字符串，但是它总是回来。我发现的最好的解决办法是每次都为自动完成生成一个新的字符串。我一直这样做，没有任何问题：

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

赞(0）回复(0）举报 2022-12-22

4dc9hkyq3#

您必须将input标记 Package 成以下形式：

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

赞(0）回复(0）举报 2022-12-22

ddhy6vgd4#

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

赞(0）回复(0）举报 2022-12-22

30byixjq5#

将此属性添加到组件：
第一个月

赞(0）回复(0）举报 2022-12-22

6uxekuva6#

它应该是autocomplete="off"。但是请记住chrome官方忽略了这个问题，并且无论如何都会使用自动完成。Take a look here用于一些变通方法

赞(0）回复(0）举报 2022-12-22