Maison > Article > interface Web > Comment masquer la balise d'entrée en HTML
Comment masquer la balise d'entrée en HTML
- 青灯夜游original
- 2021-09-13 16:36:1212550parcourir
Comment masquer la balise d'entrée HTML : 1. Définissez l'attribut caché sur la balise d'entrée, avec la syntaxe "" ; 2. Définissez la valeur de l'attribut type de la balise d'entrée sur "hidden ", avec la syntaxe "".
L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.
html hide input tag
Méthode 1 : Définissez l'attribut caché sur la balise d'entrée
L'attribut caché spécifie que l'élément est masqué. Les éléments masqués ne seront pas affichés.
Si cet attribut est utilisé, l'élément sera masqué.
Vous pouvez définir l'attribut masqué afin que les utilisateurs ne puissent voir un élément que lorsque certaines conditions sont remplies (comme cocher une case, etc.). Vous pouvez ensuite utiliser JavaScript pour supprimer l'attribut masqué, rendant ainsi l'élément visible.
Exemple :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <input placeholder="文本,字母,数字等都可输入" hidden /><br /><br /> <input placeholder="文本,字母,数字等都可输入"/> </body> </html>
Rendu :
Méthode 2 : Définissez la valeur de l'attribut type de la balise d'entrée sur "caché"
L'attribut type spécifie le type de l'élément être affiché ; définir Une valeur masquée définit un champ de saisie masqué.
Exemple :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <input placeholder="文本,字母,数字等都可输入"/><br /><br /> <input type="hidden" placeholder="文本,字母,数字等都可输入"/><br /><br /> <input placeholder="文本,字母,数字等都可输入"/><br /><br /> </body> </html>
Rendu :
Tutoriel recommandé : "Tutoriel vidéo HTML"
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!