Maison >interface Web >tutoriel CSS >Comment définir la zone de texte en lecture seule en CSS
Comment définir la zone de texte en lecture seule en CSS
- 王林original
- 2021-06-08 16:15:195430parcourir
La façon de définir la zone de texte en lecture seule en CSS consiste à ajouter l'attribut readonly à la zone de texte de saisie. L'attribut readonly est un attribut booléen qui spécifie que le champ de saisie est en lecture seule.
L'environnement d'exploitation de cet article : système Windows 10, CSS 3, ordinateur thinkpad t480.
L'attribut readonly est un attribut booléen en HTML, qui permet de spécifier que le champ de saisie est en lecture seule.
Nous savons que les champs en lecture seule ne peuvent pas être modifiés, mais les utilisateurs peuvent toujours utiliser la touche de tabulation pour basculer vers le champ et sélectionner ou copier son texte.
L'attribut readonly empêche l'utilisateur de modifier la valeur jusqu'à ce que certaines conditions soient remplies (comme une case à cocher cochée). Ensuite, vous devez utiliser JavaScript pour éliminer la valeur en lecture seule et faire passer le champ de saisie à un état modifiable.
Remarque : tous les principaux navigateurs prennent en charge l'attribut readonly.
Exemple :
Formulaire HTML avec champs de saisie en lecture seule.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form action="demo_form.php"> Email: <input type="text" name="email"><br> Country: <input type="text" name="country" value="Norway" readonly><br> <input type="submit" value="提交"> </form> </body> </html>
Résultats d'exécution :
Partage de vidéos associées : tutoriel vidéo CSS
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!