为 React 应用程序中的所有输入关闭自动完成

Question

This answer explains how to turn off autocomplete for an entire HTML document with jQuery .

Without jQuery is there a way to turn "off" React's equivalent autoComplete for all inputs within the app?

I'm not very familiar with jQuery otherwise I'd try to convert the function myself.

Answer 1

To disable the autocomplete for input fields in React, we need to set the input field's autoComplete attribute to "new-password".

<input type="email" name="email_signup" placeholder="Email" autoComplete="new-password" />
<input type="password" name="password_signup" placeholder="Password" autoComplete="new-password" />

This will turn off autocomplete for input.

Answer 2

You can use autocomplete="off" on the parent level of the form and that will turn it off for the entire form

<form method="post" action="/form" autocomplete="off">
[…]
</form>

Answer 3

在元素中使用它：

autoComplete:'off' 

Answer 4

The post that you are linking is just assigning the autocomplete off attribute to the document when it is loading. You can accomplish what jQuery is doing with something like the following using vanilla JS. However, I would suggest a more "React" way of doing things based on whatever logic you wish to accomplish.

var foo = document.querySelector("input"); 
foo.setAttribute("autoComplete", "off");

Answer 5

你可以用

<input name="myinput" placeholder="enter your name" value={this.input.myinput} autocomplete="off" />