oujood.com

 HTML attribut hidden

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é.
.......................

chercher |

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:

Exemple :       Copier 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

Exemple :       Copier 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 ExplorerFirefoxOpéraGoogle ChromeSafari

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



Voir aussi nos tutoriel :

les boites de dialogue

Les boites de dialogue : Définition et utilisation des boites de dialogue.

La variable globale de PHP get

La variable globale de PHP get

Objet QuickTime

Objet QuickTime
Ce chapitre décrit comment jouer des films avec l'objet QuickTime.