HTML attribut hidden

.......................

Somaire

Définition et utilisation attribut hidden

HTML Les attributs globaux

L'attribut hidden est un attribut booléen.

Lorsque l'attribut hidden est présent, il spécifie qu'un élément ne doit pas être atteint, ou n'est plus, pertinent et donc ne doit pas être affiché.

Les navigateurs ne devrait pas afficher les éléments qui ont l'attribut hidden .

L'attribut hidden peut aussi être utilisé pour empêcher un utilisateur de voir un élément jusqu'à ce qu'une condition soit remplie (comme la sélection d'une case à cocher par exemple, etc.) Ensuite, un script JavaScript peut supprimer l'attribut hidden, et rendre l'élément visible.

Syntaxe

<element hidden="hidden">


Exemple Un paragraphe cachée:

Sélectionner le code

  <!DOCTYPE html>
  <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html;
  charset=utf-8" />
  <title>html5 demo</title>
  </head>
  <body>
  <p hidden="hidden">Ce paragraphe  sera caché.</p>
  <p>Ce paragraphe est visible.</p>
  <p><b>Note:</b> L'attribut  hidden n'est pas
  supporté dans IE.</p>
  <p hidden="">Ce paragraphe  sera aussi caché.</p>
  </body>
  </html>
 

Exemple changer l’état d’un élément par un script

Sélectionner le code

  <!DOCTYPE html>
  <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html;
  charset=utf-8" />
  <title>html5 demo</title>
  <script>
  function masquer(){
  document.getElementById('hid').hidden = true;
  }
  </script>
  </head>
  <body>
  <p><b>Note:</b> L'attribut  hidden n'est pas
  supporté dans IE.</p>
  <p id="hid" onclick="masquer()">Ce paragraphe  sera caché
  si on click dessus.</p>
  </body>
  </html>
 

Navigateurs pris en charge

Internet Explorer Firefox Opéra Google Chrome Safari

L'attribut hidden est pris en charge dans tous les principaux navigateurs, sauf Internet Explorer.


Différences entre HTML 4.01 et HTML5

L'attribut hidden qui est nouveau dans HTML5.


Remarque: L'attribut hidden est un attribut booléen, et peut être écrit comme suit:
<element  hidden>
<element  hidden="hidden">
<element hidden="">
Ces trois écriture exprime la même chose.
 Retour à la liste des attributs globaux       
accueil HTML 5
Par gerywa 20 mars 2014

  • Trafic Booster
    hebergement web

    SCREEBER - Logiciel de copywriting

    SCREEBER - Logiciel de copywriting Augmentez vos résultats en rejoignant les 1600 entrepreneurs qui utilisent Screeber®, le seul logiciel de Copywriting (en français) qui rédige avec vous des textes de vente qui convertissent


    HTML5, CSS3, JavaScript pour débutants Tome 1
    HTML5, CSS3, JavaScript
    pour débutants Tome 1

    Premier tome d'une série vidéo dédiée à l'apprentissage des langages HTML, CSS et JavaScript.

    Regarder aussi nos cours :

    Exemple SVG

    Exemple SVG

    Comment installer PHP sur son PC

    Installation de PHP. Puisque PHP est libre, la plupart des serveurs Web fournisse le PHP. Cependant, si votre serveur ne soutient pas le PHP, vous devez l'installer. Voici comment le faire.

    jQuery manipulation css

    jQuery manipulation css



    Rentabilisez efficacement votre site