2009-10-20 10 views
6

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.Comment annuler l'édition/désactiver la valeur de l'entrée mise en cache (du type text)?

alt text

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?

+0

je ne change pas le titre « Comment désactiver' Autocomplete' parce qu'il pourrait y avoir d'autres personnes qui ne connaissent pas l'option d'attribut 'Autocomplete'. – Sung

Répondre

11

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:

+0

@CMS: John avait raison mais je voulais l'appliquer globalement à tous les contrôles de saisie de texte. Appliquer 'autocomplete' au formulaire les a complètement désactivés comme je l'avais prévu. Merci – Sung

1

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'); 
});