Comment verrouiller une boîte d'entrée

May 27

Comment verrouiller une boîte d'entrée


Les formulaires HTML utilisent des boîtes d'entrée pour recueillir des données de l'utilisateur. Vous devrez peut-être empêcher l'utilisateur de modifier les valeurs de la zone de saisie, mais encore de les afficher pour compléter la disposition du formulaire. Soit le "Readonly" ou attributs "Disabled" de la boîte d'entrée peuvent être utilisés pour verrouiller les valeurs de l'édition de l'utilisateur.

Instructions

1 Ouvrez votre éditeur HTML. Si vous utilisez un éditeur WYSIWYG, changer en mode code.

2 Entrez le code <input type = "text" name = id "txtName1" = "txtName1" readonly = valeur "readonly" = "Mon Readonly Value" />. L'attribut readonly peut inclure les = "readonly" chaîne ou être laissée en blanc. verrouille Readonly la zone de saisie de l'édition de l'utilisateur et est inclus dans la soumission du formulaire au serveur.

3 Entrez le code <input type = "text" name = id "txtName-2" = désactivé = valeur "txtName-2" "désactivé" = "Ma valeur Disabled" />. L'attribut disabled peut inclure le = string "désactivé" ou laissée en blanc. Disabled verrouille la zone de saisie de l'édition et exclut le champ d'être soumis au serveur avec le formulaire.

4 Entrer le code

<Script type = "text / javascript">

verrouillage de fonction (id) {

id.setAttribute ( "lecture seule", "readonly");

}

</ Script>

<Input type = "text" name = id "txtValue" = valeur "txtValue" = "Ma valeur" onblur = "lock (this);" />

Utilisation de JavaScript, l'attribut peut être ajouté dynamiquement lorsque l'utilisateur clique sur la case d'entrée pour verrouiller la valeur saisie.


          

Post a comment: