oujood.com

  TML La Balise   <menu>

La balise <menu> est utilisée pour les menus contextuels, barres d'outils et pour la liste des commandes et contrôles de formulaire.

chercher |

Définition et utilisation Balise <menu>

LES BALISES HTML

La balise <menu> définit une liste/menu de commandes.

La balise <menu> est utilisée pour les menus contextuels, barres d'outils et pour la liste des commandes et contrôles de formulaire.


Exemple Une barre d'outils avec deux boutons de menu

Les boutons (« Fichier » et « Edition »), chacun bouton a un menu déroulant proposant une série d'options :

Exemple :     📋   Copier le code

  <!DOCTYPE html>
  <html>
  <body>
   
  <menu type="toolbar">
  <li>  
  <menu label="Fichier">   
  <button type="button" onclick="file_new()">Nouveau...</button>   
  <button type="button" onclick="file_open()">Ouvrir...</button>   
  <button type="button" onclick="file_save()">Enregistrer</button>  
  </menu>
  </li>
  <li>
  <menu label="Edition">   
  <button type="button" onclick="edit_cut()">Couper</button>   
  <button type="button" onclick="edit_copy()">Copier</button>   
  <button type="button" onclick="edit_paste()">Coler</button>  
  </menu> 
  </li>
  </menu>
  </body>
  </html>
 

Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

La balise <menu> n'est actuellement pas prise en charge dans tous les principaux navigateurs.

Astuce : Utiliser les CSS pour le style menu listes.


Différences entre HTML 4.01 et HTML5

L'élément <menu> est désapprouvé dans HTML 4.01.

L'élément <menu> est redéfinie en HTML5.


Les attributs de la balise menu

Nouveau : Nouveau en HTML5.

Attribut

Valeur

Description

Label Nouveau

texte

Spécifie une étiquette visible pour le menu.

type Nouveau

context
toolbar
list

Spécifie le type de menu à afficher. Par défaut la valeur est "list"

Attributs globaux

La balise <keygen> prend également en charge les Attributs globaux en HTML.


Attributs de l'événement

La balise <keygen> prend également en charge les Attributs de l'événement en HTML.





Retour à l'accueil du site

Par carabde 10 mars 2014

Voir aussi nos tutoriel :

Objet RealMedia player

Objet RealMedia
Ce chapitre décrit comment utiliser l'objet Real Audio et Real Vidéo.

Balise link

Définit la relation entre un document et une ressource externe (la plus utilisée pour lier les feuilles de style)

Calculer l'âge en utilisant JavaScript

JavaScript offre certaines fonctions intégrées de date et d'heure, qui permettent de calculer l'âge à partir d'une date (date de naissance par exemple).