Maison  >  Article  >  interface Web  >  Comment masquer l'entrée en HTML

Comment masquer l'entrée en HTML

青灯夜游
青灯夜游original
2021-05-27 17:13:4816034parcourir

Méthode Hide : 1. Définissez la valeur de l'attribut type de la balise d'entrée sur "hidden" ; 2. Utilisez l'attribut de style de la balise d'entrée pour ajouter le style "display:none" ; l'attribut style de la balise d'entrée pour ajouter le style "visibilité: caché".

Comment masquer l'entrée en HTML

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

Méthode 1 :

<input  type = "hidden" />

L'attribut type spécifie le type d'élément d'entrée ; lorsque la valeur est masquée, un champ de saisie masqué peut être défini.

Méthode 2 :

<input  type = "text"  style = "display:none"  />

l'attribut style spécifie le style en ligne de l'élément

display:none, qui n'occupe pas d'espace et masque le élément, donc la modification dynamique de cet attribut entraînera un réarrangement (modifier la mise en page), ce qui peut être compris comme la suppression de l'élément de la page ; il ne sera pas hérité par les descendants, mais ses descendants ne seront pas affichés après tout. tous cachés ensemble.

Méthode 3 :

<input  type = "text"  style = "visibility:hidden"  />

L'attribut de visibilité précise si l'élément est visible. Cette propriété spécifie s'il faut afficher la boîte d'élément générée par un élément. Cela signifie que l’élément occupe toujours son espace d’origine, mais peut être totalement invisible. Dans la méthode

visibility:hidden, l'élément sera masqué, mais il ne disparaîtra pas et occupera toujours de l'espace. Après le masquage, le style HTML d'origine ne sera pas modifié, il sera hérité par les descendants, qui pourront le faire. définissez également la visibilité via display: visible; pour afficher; l'événement lié à l'élément ne sera pas déclenché. La modification dynamique de cette propriété entraînera un redessin.

Pour plus de connaissances sur la programmation, veuillez visiter : Vidéo de programmation ! !

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn