Readonly et désactivé permettent aux utilisateurs de ne pas modifier le contenu dans le champ de formulaire. Mais il y a de légères différences entre eux, et le résumé est le suivant:
ReadOnly ne fonctionne que pour la saisie (texte / mot de passe) et TextArea, tandis que les désactivés sont valides pour tous les éléments de formulaire. Cependant, une fois que l'élément de formulaire a utilisé les désactivés, lorsque nous soumettons le formulaire en publication ou en obtenant, la valeur de cet élément ne sera pas évacuée, et ReadOnly transmettra la valeur (Readonly accepte le changement de valeur et peut être reversé, Disable accepte le changement mais ne renvoie pas les données).
Généralement, les situations les plus couramment utilisées sont:
Un code d'identification unique est pré-rempli pour l'utilisateur dans un formulaire, et l'utilisateur n'autorise pas les modifications, mais la valeur doit être réalisée lors de la soumission, et ses propriétés doivent être définies sur Readonly.
Il est souvent rencontré lorsque l'utilisateur soumet officiellement le formulaire et doit attendre que les informations de l'administrateur vérifient. Cela ne permet pas à l'utilisateur de modifier à nouveau les données du formulaire, mais ne peut que les afficher. Étant donné que la gamme des éléments désactivés est grande, les désactivés doivent être utilisés pour le moment, mais en même temps, il convient de noter que le bouton Soumettre doit également être désactivé. Sinon, tant que l'utilisateur appuie sur ce bouton, si aucune détection d'intégrité n'est effectuée dans la page de fonctionnement de la base de données, la valeur de la base de données sera effacée. Si vous utilisez Readonly au lieu de désactivé dans ce cas, s'il n'y a que des éléments d'entrée (texte / mot de passe) et de TextArea dans le formulaire, c'est toujours possible. S'il y a d'autres éléments d'envoi, tels que SELECT, l'utilisateur peut appuyer sur la touche Entrée pour soumettre après réécriture de la valeur (Entrée est la touche de déclenchement de soumission par défaut)
Nous utilisons souvent JavaScript pour désactiver le bouton Soumettre après que l'utilisateur appuye sur le bouton Soumettre. Cela peut empêcher l'utilisateur de cliquer à plusieurs reprises sur le bouton Soumettre dans des environnements avec de mauvaises conditions de réseau, ce qui entraîne une stockage de données dans la base de données.
Les deux propriétés des handicapés et de la lecture ont certaines points communs. Par exemple, si les deux sont définis sur true, la propriété du formulaire ne sera pas modifiée. Il est souvent facile de mélanger ces deux propriétés lors de l'écriture de code JS. En fait, il existe certaines différences entre elles:
Si le désactivé d'un élément d'entrée est défini sur true, l'élément d'entrée de formulaire ne peut pas obtenir de mise au point et que toutes les opérations de l'utilisateur (clics de souris et entrées du clavier, etc.) ne sont pas valides pour l'élément d'entrée. Le point le plus important est que lorsque le formulaire est soumis, l'élément d'entrée de formulaire ne sera pas soumis.
ReadOnly est uniquement pour les éléments d'entrée qui peuvent entrer du texte tel que les boîtes d'entrée de texte. S'il est défini sur true, l'utilisateur ne peut tout simplement pas modifier le texte correspondant, mais peut toujours se concentrer sur l'orientation et lors de la soumission du formulaire, l'élément d'entrée sera soumis sous forme de formulaire.