Questo mi stava facendo impazzire. Hanno lo stesso problema. Utilizziamo gli script per visualizzare i valori dei campi per consentire a un utente di scegliere e NON VOGLIONO che l'auto-qualsiasi del browser sia in grado di rovinarlo. Chrome sembra essere il bugger (ultima versione 42.0.2311.135 m), Firefox (FF) con cui possiamo lavorare.
Quindi, abbiamo a che fare con il browser autocomplete E Chrome autofill pure. Se aggiungo: < form autocomplete = "off" > nella parte superiore, si interrompe il completamento automatico in FF e Chrome ma non AUTOFILL in Chrome. Cambiare 'off' in 'false' non fa nulla per nessuno dei due browser. Risolto il problema FF ma non Chrome in quanto mostra la brutta casella AUTOFILL sul contenuto.
Se si aggiunge autocomplete = "off" per ciascuna dei campi individualmente poi di nuovo, lavora in FF, ma per i campi di input che hanno questo attributo di completamento automatico in Chrome è spento ma il riempimento automatico alza ancora la sua brutta testa.
Ora, la cosa strana è che se si modifica il valore nel campo di input individuale da "off" a "false", allora sembra scuotere Chrome e per il campo si ha questo set di autocomplete = "false" quindi visualizzi SOLO i valori di completamento automatico (se prima è stato inserito qualcosa nel campo) e tutti gli altri campi di input non mostrano nulla! Puoi anche impostare questo valore su no o su xx o qualsiasi altra cosa e sembra che Chrome Barfs sul valore non valido per il completamento automatico e il modulo reagisca in modo strano. Se hai 5 campi e lo imposti per il terzo campo, i campi 1,2, 4 e 5 sono vuoti ma il campo 3 mostra il completamento automatico.
questo è un esempio per di copiare e pasticciare con (si tenta di passare l'attributo autocomplete a diversi campi e vedere come reagisce):
<!DOCTYPE html>
<html>
<head>
<title>Signup</title>
</head>
<body>
<form autocomplete="off" method="post">
First name:
<input name="Firstname" type="text">
<br />Last name:
<input name="Lastname" type="text" style="width: 124px">
<br />Address:
<input autocomplete="false" name="Address" type="text" style="width: 383px">
<br />Phone number:
<input name="Phone" type="text">
<br />E-mail:
<input name="Email" type="text" style="width: 151px">
<br />
<input type="submit">
</form>
</body>
</html>
La mia soluzione per spegnere sia completamento automatico e riempimento automatico di Chrome (dovresti essere in grado di mettere il campo di input nascosto in alto o in basso sotto il submit).Aggiungi questo < input autocomplete = "false" name = "hidden" type = "text" style = "display: none;" > al codice:
<!DOCTYPE html>
<html>
<head>
<title>Signup</title>
</head>
<body>
<form autocomplete="off" method="post">
<input autocomplete="false" name="hidden" type="text" style="display:none;">
<br />First name:
<input name="Firstname" type="text">
<br />Last name:
<input name="Lastname" type="text" style="width: 124px">
<br />Address:
<input name="Address" type="text" style="width: 383px">
<br />Phone number:
<input name="Phone" type="text">
<br />E-mail:
<input name="Email" type="text" style="width: 151px">
<br />
<input type="submit">
</form>
</body>
</html>
Linea di fondo: Chrome non aderire alla autocomplete = off, ma la compilazione automatica di Chrome è il problema. Spero che questo ti aiuti.
Ho provato 'value =" "', ma non ha alcun effetto in questa situazione. –
Ho parlato di 'input: -webkit-autofill {display: none; } ', ma nessun sigaro. –
Anche questo non ha alcun effetto. –