Balise XHTML 1.1/HTML 4.01 <button>

Description de la balise <button>

Bouton poussoir, bouton de réinitialisation, bouton de soumission (par défaut).
Les boutons créés par l'élément BUTTON fonctionnent exactement comme ceux créés avec l'élément INPUT, mais ils offrent des possibilités de restitution plus variées : l'élément BUTTON peut avoir un contenu. Par exemple, un élément BUTTON qui contient une image fonctionne de la même façon et peut avoir le même aspect qu'un élément INPUT dont l'attribut type a la valeur "image", sauf que le type d'élément BUTTON admet un contenu.
A partir de ns 6 - ie 4
La balise XHTML button ne fait plus partie du XHTML 2.0
Peut contenir : tout élément block tout élément inline
Peut être contenu par : tout élément block tout élément inline

Infos

  • Version HTML : depuis HTML 4.01
  • XHTML : depuis XHTML 1.1
  • Utilisation : Toujours utilisée.
  • Type : block
  • Ouverture/fermeture : Ouverture et fermeture obligatoires

Attributs de <button>

nomtypecasseXinfodétails
nomtypecasseXinfodétails
accesskey%Character;CNTouche d'accès clavierAfficher
classCDATACSListe de classesAfficher
dir(rtl | ltr)CIDirection du texteAfficher
disabled()CIDésactivationAfficher
idIDCSIdentifiant uniqueAfficher
lang%LanguageCode;CSlangue de baseAfficher
nameCDATACIsoumis comme part entière d'un formulaireAfficher
  • Colonne 1 (nom) : Requis : Les attributs présentés de cette manière sont requis pour la balise HTML à laquelle ils s'appliquent.
  • Colonne 3 (casse) :
    • CN : La notion de sensibilité à la casse est non nécessaire (par exemple s'il s'agit d'une valeur numérique).
    • CS : La valeur est sensible à la casse. Une lettre en majuscule ne peut pas être remplacée par la même lettre en minuscule.
    • CI : La valeur n'est pas sensible à la casse.
    • CA : L'information relative à la casse se trouve dans la définition l'attribut ou de l'élément lui méme.
    • CT : L'information relative à la casse se trouve dans la définition de type.
  • Colonne 4 (X) : L'attribut ou l'élément risque de ne plus être supporté dans les prochaines versions

Evènements de <button>

nomtypecasseXinfodétails
nomtypecasseXinfodétails
onblur%Script;CTperte du focusAfficher
onclick%Script;CTle bouton de souris a été cliquéAfficher
ondblclick%Script;CTle bouton de souris a été double-cliquéAfficher
onfocus%Script;CTl'élément reçoit le focusAfficher
onkeydown%Script;CTune touche est enfoncéeAfficher
onkeypress%Script;CTune touche est frappéeAfficher
onkeyup%Script;CTune touche est relâchéeAfficher
onmousedown%Script;CTle bouton de souris est enfoncéAfficher
onmousemove%Script;CTmouvement de la sourisAfficher
onmouseout%Script;CTla souris vient de sortir de la zoneAfficher
onmouseover%Script;CTla souris vient d'entrer dans la zoneAfficher
onmouseup%Script;CTle bouton de souris est relâchéAfficher
  • Colonne 1 (nom) : Requis : Les attributs présentés de cette manière sont requis pour la balise HTML à laquelle ils s'appliquent.
  • Colonne 3 (casse) :
    • CN : La notion de sensibilité à la casse est non nécessaire (par exemple s'il s'agit d'une valeur numérique).
    • CS : La valeur est sensible à la casse. Une lettre en majuscule ne peut pas être remplacée par la même lettre en minuscule.
    • CI : La valeur n'est pas sensible à la casse.
    • CA : L'information relative à la casse se trouve dans la définition l'attribut ou de l'élément lui méme.
    • CT : L'information relative à la casse se trouve dans la définition de type.
  • Colonne 4 (X) : L'attribut ou l'élément risque de ne plus être supporté dans les prochaines versions

Exemples de balises qui peuvent contenir la balise <button>

| applet | basefont | blockquote | body | button | center | dd | del | div | fieldset | iframe | ins | map | noframes | noscript | td | th |

Exemples de balises que nous pouvons placer dans la balise <button>

| a | abbr | acronym | address | b | bdo | big | blockquote | body | button | caption | center | cite | code | dd | del | dfn | dir | div | dt | em | fieldset | font | form | h1 | h2 | h3 | h4 | h5 | h6 | html | i | iframe | ins | kbd | label | legend | li | map | menu | noframes | noscript | object | p | pre | q | s | samp | small | span | strong | sub | sup | table | td | th | tt | u | var |

Liste des balises

English translation

You have asked to visit this site in English. For now, only the interface is translated, but not all the content yet.

If you want to help me in translations, your contribution is welcome. All you need to do is register on the site, and send me a message asking me to add you to the group of translators, which will give you the opportunity to translate the pages you want. A link at the bottom of each translated page indicates that you are the translator, and has a link to your profile.

Thank you in advance.

Document created the 14/08/2006, last modified the 29/07/2022
Source of the printed document:https://www.gaudry.be/en/xhtml-rf-button.html

The infobrol is a personal site whose content is my sole responsibility. The text is available under CreativeCommons license (BY-NC-SA). More info on the terms of use and the author.