Comment rendre le texte invisible dans le code HTML

Auteur: Monica Porter
Date De Création: 13 Mars 2021
Date De Mise À Jour: 1 Décembre 2024
Anonim
How To Make Login Form With Password Toggle In HTML CSS JS
Vidéo: How To Make Login Form With Password Toggle In HTML CSS JS

Contenu

Plusieurs balises HTML sont associées à une propriété appelée "visibilité". Un élément qui a ce style est la balise div. Cette balise est un conteneur qui contient du texte et des images à un emplacement particulier sur une page Web. Vous pouvez l'utiliser pour masquer le texte d'une page. Entourez vos blocs de texte avec une balise div et ils seront masqués. Cela est utile lorsque vous souhaitez créer un menu ou une page dynamique qui n'affiche aucune information tant que l'utilisateur n'a pas cliqué sur un bouton ou sur un lien.


Les instructions

Comment rendre le texte invisible dans le code HTML (Image http 3D de Mauro Saivezzo depuis Fotolia.com)
  1. Ouvrez votre page Web dans un éditeur de texte. Il peut s'agir d'un simple éditeur de texte tel que Notepad ou d'éditeurs HTML plus avancés tels que Notepad ++ ou Visual Studio.

  2. Placez une balise div dans la section de la page où vous voulez placer le texte. Le code ci-dessous place une balise div avec la propriété de visibilité définie sur masqué:

  3. Entrez du texte dans la balise div. Pour tester, tapez "Mon texte masqué" à l'intérieur de la balise. Votre code devrait être comme suit: Mon texte caché

  4. Enregistrez le fichier et ouvrez-le avec votre navigateur. Bien que cela apparaisse dans le code présenté, aucun texte n’est affiché dans le navigateur.