Wie definiere ich `autocomplete =" off "` als CSS-Stil?

Question

Um die automatische Vervollständigung in HTML zu deaktivieren Ich verwende:

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

Aber das zwingt mich autocomplete="off" in jedem Eingabefeld meiner Bewerbung angeben. Ist es möglich, autocomplete="off" in einem CSS-Stil zu definieren?

Answer 1

Sie können es einfach auf das Formular-Tag anwenden.

Answer 2

Mit CSS können Sie es nicht erreichen. Sie können Client-seitiges Script zum Beispiel verwenden JQuery

$('input').attr('autocomplete','off'); 

mit der Wenn Sie nicht verwenden JQuery oder Skriptsprache, dann müssen Sie nur in HTML-Stick.

Als TeT Psy sagte man es in Form Tag wie

<form id="Form" runat="server" autocomplete="off"> 

Answer 3

Sie die autocompletes alle form

<form id="Form1" runat="server" autocomplete="off"> 

Answer 4

verwenden können deaktivieren anwenden können Sie es auf form Element festlegen können, wenn Sie setzen will autocomplete: off für alle Eingabeelemente der Form. Und wenn Sie es für einige ausgewählte Eingaben aktivieren möchten, können Sie autocomplete: on auf diesen Eingang anwenden.

.form { 
 
    padding: 30px 0; 
 
    width: 300px; 
 
    margin: 0 auto; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
<form action="#" class="form" autocomplete="on"> 
 
    <div class="form-group"> 
 
    First name:<input type="text" class="form-control" name="fname"> 
 
    </div> 
 
    <div class="form-group"> 
 
    Last name:<input type="text" class="form-control" name="lname" autocomplete="off"> 
 
    </div> 
 
    <div class="form-group"> 
 
    E-mail: <input type="email" class="form-control" name="email"> 
 
    </div> 
 
    <input type="submit"> 
 
</form>

Answer 5

Nein, Sie können dies nicht mit CSS, aber es gibt zwei andere Möglichkeiten, es zu tun:

1- Sie können es für das Formular anwenden

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

2- Sie können damit umgehen js

var eles = document.getElementsByTagName('input'); 
for(i=0; i<eles.length; i++){ 
    eles[i].setAttribute("autocomplete", "off"); 

} 

https://jsfiddle.net/ng1mb77m/1/

Answer 6

U automatische Vervollständigung = "off" Attribut auf Form-Tag verwendet werden kann. Wie

<form id='test' autocomplete="off"> 
    <input ... 
    <input .. 
    ... 
</form>