Deux façons de désactiver les contrôles de formulaire en HTML : lecture seule et désactivée_HTML/Xhtml_Webpage Production

Lors du processus de création de pages Web, nous utilisons souvent des formulaires. Mais parfois, nous souhaitons que les contrôles du formulaire ne soient pas modifiables. Par exemple, dans une page Web permettant de modifier les mots de passe, la zone de texte qui affiche le nom d'utilisateur doit être non modifiable.

Il existe deux méthodes de désactivation en HTML, ce sont :

1 Ajoutez l'attribut readonly='readonly' à l'étiquette de contrôle
2. Ajoutez désactivé à l'étiquette de contrôle ='. attribut désactivé

Exemple :

Les deux contrôles de l'exemple ne peuvent pas être modifiés. Mais ils ont aussi quelques différences !

Au sens littéral, nous pouvons savoir que le contrôle utilisant l'attribut readonly est "lecture seule", et le contrôle utilisant désactivé est "désactivé". Alors, quelle est la différence entre eux ?

Les contrôles en lecture seule (contrôles qui utilisent l'attribut readonly) ne peuvent pas être modifiés par les utilisateurs avec la souris et le clavier, mais les programmeurs peuvent utiliser JavaScript pour modifier le nom et la valeur du contrôle lors de la soumission du formulaire. être soumis au serveur, ce qui signifie qu'il est visible par le serveur.

Le contrôle désactivé (contrôle utilisant l'attribut désactivé) non seulement ne peut pas être modifié par l'utilisateur avec la souris et le clavier, mais est également invisible pour le serveur, c'est-à-dire que son nom et sa valeur ne seront pas soumis à le serveur lorsque le formulaire est soumis, bien sûr, les programmeurs peuvent également utiliser javascript pour modifier sa valeur.

C'est leur différence. Après avoir connu la différence, il faut savoir quand utiliser quelle méthode. Il ne faut pas être aveugle !