Comment annuler l'édition/désactiver la valeur de l'entrée mise en cache (du type text)?

Question

J'ai une entrée de type text, à partir de laquelle j'ai déjà entré la valeur 1234
il a été enregistré dans le cache comme indiqué ci-dessous.

Le problème ici est que , il est extrêmement frustrant de sélectionner la zone de texte dans la ligne suivante.

Existe-t-il un moyen de ne pas afficher 12334 (surligné dans la capture d'écran) pour qu'il soit affiché via le balisage HTML ou le javascript?

Answer 1

Comme @John a souligné, sur les navigateurs modernes, vous pouvez utiliser l'HTML5 validautocomplete attribut, dans votre capture d'écran je vois beaucoup de zones de texte, si vous souhaitez désactiver l'autocomplétion sur la forme entière vous pouvez définir cet attribut directement à l'élément form:

<form name="form1" id="form1" method="post" autocomplete="off" 
    action="http://www.example.com/form.action"> 
[...] 
</form> 

Plus d'info:

• How to Turn Off Form Autocompletion

Answer 2

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

Answer 3

Pour appliquer à tous les contrôles d'entrée, écrire le code ci-dessous (en utilisant jQuery):

$(document).ready(function() { 
    $('input[type=text], input[type=password]').attr('autocomplete', 'off'); 
});