Désactiver la saisie semi-automatique via CSS

Question

Est-il possible d'utiliser les CSS pour désactiver la saisie semi-automatique sur un élément de formulaire (en particulier un textfield)?

J'utilise une bibliothèque de balises qui ne permet pas la saisie semi-automatique de l'élément et je voudrais désactiver la saisie semi-automatique sans l'aide de Javascript.

Answer 1

Comme il est, il n'y a pas de saisie semi-automatique off' de l'attribut CSS. Toutefois, html dispose d'un code facile à cela:

<input type="text" id="foo" value="bar" autocomplete="off" />

Si vous êtes à la recherche d'un site à l'échelle effecteur simple serait tout simplement avoir un js fonction à exécuter par le biais de tous les 'input' s et d'ajouter cette balise, ou de chercher pour le correspondant de la classe css / id.

L'attribut autocomplete fonctionne très bien sur Chrome et Firefox (!), mais voir aussi Est-il valide W3C moyen pour désactiver la saisie semi-automatique dans un formulaire HTML?

Answer 2

Vous pouvez utiliser un générés id et name à chaque fois, ce qui est différent, de sorte que le navigateur ne vous souvenez pas de ce texte-champ et ne parviennent pas à suggérer certaines valeurs.

C'est au moins la croix navigateur alternative sûre, mais je vous recommande d'aller avec la réponse de RobertsonM (autocomplete="off").

Answer 3

vous pouvez facilement mettre en œuvre par jQuery

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

Answer 4

Si vous utilisez un form vous pouvez désactiver l'auto-complété,

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

Answer 5

Le CSS n'a pas cette capacité. Vous devez utiliser un script côté client.