<BUTTON> | NN 6 IE 3 HTML 4
<BUTTON>...</BUTTON> | Balise de fin HTML : obligatoire
L'élément button s'inspire de l'élément input (de type button, submit et reset), mais il dispose de possibilités supplémentaires, surtout lorsqu'il est utilisé comme bouton de type submit. Le contenu représentant le libellé du bouton n'est pas défini sous forme d'attribut; il est placé entre la balise de début et de fin de l'élément. Vous pouvez utiliser d'autres éléments pour générer le contenu du libellé, notamment un élément img (bien que le W3C déconseille fortement les cartes images côté client pour ce type d'images). Bien qu'il soit possible d'appliquer une feuille de style à un élément button, vous pouvez également placer le contenu du libellé dans un élément (tel que span) et appliquer (ou annuler) des règles de style uniquement à ce contenu. Les deux mécanismes de feuille de style permettent au libellé du bouton d'utiliser les polices et les styles personnalisés. Lorsqu'un élément button se voit affecter le type submit, le navigateur envoie les attributs name et value au serveur sous forme de paire nom/valeur, comme c'est le cas pour les autres éléments de formulaire. Lorsque vous spécifiez un type de bouton autre que submit, aucun traitement de formulaire spécial n'est communiqué au serveur par l'attribut button. En théorie, un élément button doit être placé à l'intérieur d'un élément form. Dans la pratique, les navigateurs n'ont aucune difficulté à afficher un élément button spécifié seul. Cette configuration s'avère possible si aucune référence à d'autres éléments de formulaire apparentés (zone de texte) ne doit être effectuée par des scripts associés au bouton. Certains raccourcis de script (qui lisent la propriété form des propriétés srcElement ou target de l'objet event) simplifient l'interactivité des éléments de formulaire définie par le script. Le W3C a implémenté cette variante de l'élément input pour donner aux concepteurs de navigateurs l'opportunité de créer un bouton différent, d'apparence plus riche. Dans la pratique, les navigateurs IE pour Windows et Macintosh affichent des boutons identiques. Par défaut, Netscape 6 utilise moins le remplissage horizontal autour du libellé d'un élément button.
Exemple
    <BUTTON type="button" onClick="doSomething( );">Click Here</BUTTON>
    <BUTTON type="submit" id="sender" value="infoOnly">Request Info</BUTTON>
    <BUTTON type="reset"><IMG src="clearIt.gif" height="20" width="18"></BUTTON>
Référence de modèle d'objet
    [window.]document.getElementById(elementID)
Attributs spécifiques à l'élément
datafld | dataformatas | datasrc | name | type
value |  |  |  |
Attributs du gestionnaire d´événements spécifiques à l´élément
Gestionnaire | NN | IE | HTML
onafterupdate | s.o | 4 | s.o
onbeforeupdate | s.o | 4 | s.o
onrowenter | s.o | 4 | s.o
onrowexit | s.o | 4 | s.o

accesskey | NN 6 (voir text) IE 4/5 HTML 4 (voir text)
accesskey="character" | Facultatif
Une seule touche de caractère qui active un élément (dans certains navigateurs) ou active un contrôle de formulaire ou une action de lien. Le navigateur et le système d'exploitation déterminent si l'utilisateur doit appuyer sur une touche de modification (par exemple Ctrl, Alt ou Commande) en même temps que sur la touche d'accès pour activer le lien. Dans IE 4 pour Windows et versions ultérieures ainsi que Netscape 6, il doit obligatoirement s'agir de la touche Alt et celle-ci est insensible à la casse. Dans IE 5 pour Macintosh et versions ultérieures ainsi que Netscape 6, il doit obligatoirement s'agir de la touche Ctrl. Bien que l'attribut accesskey soit répertorié ici comme attribut largement partagé, ce n'est pas toujours le cas dans toutes les implémentations. HTML 4 et Netscape 6 ne reconnaissent cet attribut que pour les éléments suivants: a, area, button, input, label, legend et textarea. A cette liste, IE 4 ajoute applet, body, div, embed, isindex, marquee, object, select, span, table et td (mais supprime label et legend). IE 5 ajoute tout autre élément affichable, mais attention: à l'exception de l'élément input et d'autres éléments ayant trait aux formulaires, vous devez aussi affecter un attribut tabindex à l'élément dans IE 5 et versions ultérieures (même s'il ne s'agit que d'une valeur de zéro pour tous) pour permettre à la combinaison de touches d'accélération d'activer l'élément.
Exemple
    <a href="http://www.megacorp.com/toc.html" accesskey="t">Table of Contents</a>
    <h2 class="subsection" accesskey="2" tabindex="0">Part Two</h2>
Valeur
Caractère simple repris dans la table de caractères définie pour le document.
Par défaut
Aucune.
Référence de modèle d'objet
    [window.]document.links[i].accessKey
    [window.]document.anchors[i].accessKey
    [window.]document.formName.elementName.accessKey
    [window.]document.forms[i].elements[j].accessKey
    [window.]document.getElementById(elementID).accessKey

datafld | NN n/a IE 4 HTML |4|
datafld="columnName" | Facultatif
Cet attribut est utilisé avec IE dans le cadre d'une liaison de données pour associer au libellé d'un bouton un nom de colonne provenant d'une source de données distante. Cette colonne de source de données doit être en texte brut ou en HTML (voir dataformatas). Vous devez également définir un attribut datasrc pour l'élément button. S'applique uniquement aux sources de données de fichier texte dans IE 5/Mac. Cet attribut a été réservé dans HTML 4, mais il a été abandonné dans XHTML 1.0.
Exemple
    <BUTTON type="button" datasrc="DBSRC3" datafld="label" onClick="getTopStory( );">
    Latest News</BUTTON>
Valeur
Identifiant sensible à la casse.
Par défaut
Aucune.
Référence de modèle d'objet
    [window.]document.getElementById(elementID).dataFld

dataformatas | NN n/a IE 4 HTML |4|
dataformatas="dataType" | Facultatif
Cet attribut est utilisé avec IE dans le cadre d'une liaison de données, pour indiquer au navigateur si les informations qui proviennent de la source de données doivent être traitées comme du texte brut ou du texte HTML avec balises. Le paramétrage de cet attribut dépend entièrement de la structure de la source de données. Cet attribut a été réservé dans HTML 4, mais il a été abandonné dans XHTML 1.0.
Exemple
    <BUTTON type="button" datasrc="DBSRC3"dataformatas="HTML" datafld="label"
    onClick="getTopStory( );"> Latest News</BUTTON>
Valeur
IE reconnaît deux valeurs possibles: text | html.
Par défaut
text
Référence de modèle d'objet
    [window.]document.getElementById(elementID).dataFormatAs

datasrc | NN s.o. IE 4 HTML s.o.
datasrc="dataSourceName" | Facultatif
Utilisé avec la fonction de liaison de données de Microsoft Internet Explorer pour spécifier l'ID de l'élément object de la page, qui charge l'objet de source de données pour l'accès distant aux données. Le contenu à extraire de la source de données est spécifié à l'aide de l'attribut datafld. S'applique uniquement aux sources de données de fichier texte dans IE 5/Mac. Cet attribut a été réservé dans HTML 4, mais il a été abandonné dans XHTML 1.0.
Exemple
    <BUTTON type="button" datasrc="DBSRC3" datafld="label"
    onClick="getTopStory( );"> Latest News</BUTTON>
Valeur
Identifiant sensible à la casse.
Par défaut
Aucune.
Référence de modèle d'objet
    [window.]document.getElementById(elementID).dataSrc

disabled | NN 6 IE 4/5.5 HTML 4
disabled="featureSwitch" | Facultatif
Commutateur booléen qui active ou désactive la capacité de l'utilisateur à utiliser un élément ou y accéder par un autre moyen. Cet attribut est limité aux éléments de contrôle de formulaire interactifs dans Netscape 6 et HTML 4. IE 5.5 et les versions ultérieures (Win32 uniquement) appliquent également cet attribut à la plupart des autres éléments affichables. Les éléments désactivés apparaissent généralement en grisé afin qu'ils se distinguent des autres éléments.
Exemple
    <input type="submit" name="sender" disabled="true">
Valeur
true | false
Par défaut
false
Référence de modèle d'objet
    [window.]document.getElementById(elementID).disabled

title | NN 6 IE 3 HTML 3.2
title="advisoryText" | Facultatif
Description de l'élément. Pour les éléments HTML qui produisent du contenu visible sur la page, IE 4 et versions ultérieures ainsi que Netscape 6 affichent le contenu de l'attribut title sous forme d'info-bulle lorsque le curseur reste un moment sur l'élément concerné. Par exemple, l'élément de colonne col n'affiche pas le contenu, donc son attribut title fournit simplement des informations. Pour générer des info-bulles dans les tableaux, affectez des attributs title aux éléments tels que table, tr, th ou td. Les propriétés de police et de couleur sont régies par le navigateur et ne peuvent pas être modifiées par script. Dans IE pour Windows, l'info-bulle est le petit rectangle jaune clair standard; dans IE pour Macintosh, l'info-bulle s'affiche comme une bulle de BD, à la manière du système d'aide de MacOS. Dans Netscape 6, les info-bulles s'affichent toujours sous la forme du même petit rectangle quelle que soit la version du système d'exploitation. Si aucun attribut n'est spécifié, l'info-bulle ne s'affiche pas. Vous pouvez affecter à cet attribut le texte descriptif de votre choix. Etant donné que tout le monde ne le verra pas, n'y placez pas d'informations essentielles. Peut-être les navigateurs conçus pour satisfaire les critères d'accessibilité Web utiliseront-ils les informations de cet attribut pour lire les informations au sujet d'un lien ou d'éléments autres que du texte à des utilisateurs malvoyants. Donc, ne négligez pas cette aide potentiellement utile pour décrire l'objectif d'un élément sur une page. Bien que les indications de compatibilité pour cet attribut le fassent remonter à l'époque de Microsoft Internet Explorer 3 et HTML 3.2, il est nouvellement affecté à de nombreux éléments à partir de Microsoft Internet Explorer 4 et de HTML 4.0.
Exemple
    <span title="United States of America">U.S.A.</span>
Valeur
Toute chaîne de caractères. Cette chaîne doit figurer entre guillemets (simples ou doubles, mais identiques).
Par défaut
Aucune.
Référence de modèle d'objet
    [window.]document.getElementById(elementID).title

name | NN 6 IE 3 HTML 4
name="elementIdentifier" | Facultatif
Pour un élément button, l'attribut name peut jouer deux rôles, selon la valeur de l'attribut type. Pour toutes les valeurs de l'attribut type, l'attribut name vous permet de définir un identifiant qui peut être utilisé dans les références à l'élément définies par le script (l'attribut id représente la méthode préférée de référence à l'élément). Pour un bouton de type submit, l'attribut name fait partie de la paire nom/valeur envoyée au serveur au moment de la soumission du formulaire.
Exemple
    <BUTTON type="submit" name="sender" value="infoOnly">Request Info</BUTTON>
Valeur
Identifiant sensible à la casse.
Par défaut
Aucune.
Référence de modèle d'objet
    [window.]document.getElementById(elementID).name

tabindex | NN 6 IE 4 HTML 4
tabindex="integer" | Facultatif
Nombre indiquant la position de cet élément dans l'ordre de tabulation de la page. L'ordre de tabulation suit un ensemble de règles très strictes. Les premiers éléments de la page activés par la touche de tabulation sont ceux dont l'attribut tabindex a une valeur autre que zéro. Le premier élément activé est celui dont l'attribut tabindex a la valeur la plus faible, et ainsi de suite, dans l'ordre croissant, quel que soit l'emplacement physique des éléments sur la page ou dans le document. Si deux éléments ont un attribut tabindex de valeur identique, c'est celui qui apparaît d'abord dans le document qui est activé le premier. Ensuite viennent les éléments qui ne prennent pas en charge l'attribut tabindex ou ceux pour lesquels la valeur de cet attribut est zéro. Ces éléments sont activés dans l'ordre où ils apparaissent dans le document. Remarque: Si la page actuelle est rechargée, la séquence de tabulation ne recommence pas nécessairement au début. Ainsi, le contrôle de la séquence de tabulation est particulièrement utile lorsque la logique de vos éléments activables ne repose pas sur l'ordre du code source de ces éléments (par exemple, la tabulation se fait en descendant les colonnes des tableaux et non en suivant les lignes). HTML 4 et Netscape 6 limitent l'attribut tabindex aux éléments suivants: a, area, button, input, object, select, textarea. A cette liste, IE 4 ajoute applet, body, div, embed, isindex, marquee, span, table, et td. IE 5 ajoute tout autre élément affichable. Une valeur négative dans IE (uniquement) supprime complètement un élément de la séquence de tabulation. Les liens et les ancres ne sont pas activables à l'aide de la touche de tabulation dans la version Macintosh de Microsoft Internet Explorer 4 et l'attribut tabindex est donc ignoré dans cette version.
Exemple
    <a href="chapter3.html" tabindex="3">Chapter 3</a>
Valeur
Un entier compris entre 0 et 32767. Dans IE, si l'attribut tabindex reçoit une valeur négative, cet élément ne sera pas inclus dans la séquence de tabulation.
Par défaut
Aucune.
Référence de modèle d'objet
    [window.]document.getElementById(elementID).tabIndex

type | NN 6 IE 3 HTML 4
type="buttonType" | Facultatif
Définit le style de bouton interne du navigateur. Le style de bouton est utilisé pour déclencher une action définie par un script via un gestionnaire d'événements. Le style « reset » a le même effet qu'un élément input dont l'attribut type a pour valeur reset, à savoir qu'il rétablit la valeur par défaut de tous les éléments. Le style « submit » a le même effet qu'un élément input dont l'attribut type a pour valeur submit. Un élément button dont l'attribut type a pour valeur reset ou submit doit, pour avoir un effet sur la page, être associé à un formulaire.
Exemple
    <BUTTON type="reset"><IMG src="clearIt.gif" height="20" width="18"></BUTTON>
Valeur
L'une des trois constantes suivantes (insensibles à la casse ): button | reset | submit.
Par défaut
button
Référence de modèle d'objet
    [window.]document.getElementById(elementID).type

value | NN 6 IE 3 HTML 4
value="text" | Facultatif
Préassigne à un élément button une valeur envoyée au serveur sous forme de paire nom/valeur lorsque l'élément est un élément de formulaire.
Exemple
    <BUTTON name="connections" id="connections" value="ISDN">ISDN</BUTTON>
Valeur
Toute chaîne de texte.
Par défaut
Aucune.
Référence de modèle d'objet
    [window.]document.getElementById(elementID).value