Définit un en-tête visible d'un élément
La balise <button> définit un bouton poussoir. A l'intérieur d'un élément bouton, vous pouvez mettre du contenu, comme texte ou des images. C'est la différence entre cet élément et les boutons créés avec l'élément input.
La balise <button> définit un bouton poussoir.
A l'intérieur d'un élément bouton, vous pouvez mettre du contenu, comme texte ou des images. C'est la différence entre cet élément et les boutons créés avec l'élément input.
Balise de fermeture obligatoire
La balise BUTTON permet de créer un contrôle de type bouton.
C'est l'un des différents éléments utilisables au sein d'un formulaire FORM (au même titre que SELECT, TEXTAREA et INPUT).
Il est possible de placer du code html à l'intérieur de l'élément button.
Ses attributs spécifiques sont :
- accesskey : défini un raccourci clavier simulant le clic
- disabled : rend le bouton non cliquable (apparence grisée)
- type : évènement associé au clic : submit, reset, button
Le type submit valide le formulaire dans lequel il est contenu. Il est équivalent à la fonction javascript submit().
Le type reset efface tous les champs renseignés dans le formulaire (la fonction javascript équivalente existe également).
Enfin le type button équivaut à un bouton classique
Toujours spécifier l'attribut type pour le bouton.
Le type par défaut pour Internet Explorer est "button", alors que dans d'autres navigateurs (et dans la spécification du W3C), il est "submit".
Exemple : Copier le code
<button type="button" style="background:white; cursor:hand; border:solid 1px black;"
style="background:white; cursor:hand; border:solid 1px black;"
onclick="JavaScript: alert('Bouton Image')">
<img src="../Images/image.gif">
</button>
Si vous utilisez l'élément de bouton dans un formulaire HTML, des navigateurs différents présenteront des valeurs différentes.
Internet Explorer va présenter le texte entre les <button> et </ button<, tandis que d'autres navigateurs présenteront le contenu de l'attribut value.
Utilisez input pour créer des boutons dans un formulaire HTML.
La colone DTD dan l tablau suivant indique dans quel HTML 4.01/XHTML 1,0 DTD l'attribut est autorisé:
S=Strict, T=Transitional, and F=Frameset.
| Attribut | Valeur | Description | DTD |
|---|---|---|---|
| disabled | disabled | Indique que le bouton doit être désactivé | STF |
| name | nom | Spécifie le nom d'un bouton | STF |
| type | button reset submit | Indique le type d'un bouton | STF |
| value | texte | Spécifie la valeur sous-jacente sur un bouton | STF |
La balise <button> soutient les attributs standard suivantes:
| Attribut | Valeur | Description | DTD |
|---|---|---|---|
| class | nom de classe | Spécifie un nom de classe d'un élément | STF |
| dir | ltr rtl | Spécifie l'orientation du texte pour le contenu dans un élément | STF |
| id | nom de l'id | Spécifie un ID unique pour un élément | STF |
| lang | language_code | Spécifie un code de langue pour le contenu dans un élément | STF |
| style | style_definition | Spécifie un style en ligne pour un élément | STF |
| title | text | Spécifie des informations supplémentaires sur un élément | STF |
| xml:lang | language_code | Spécifies une langue pour le code contenu dans un élément, en XHTML documents Spécifie | STF |
| accesskey | caractère | Spécifie un raccourci clavier pour accéder à un élément | STF |
| tabindex | nombre | Specifies the tab order of an element Spécifie l'ordre de tabulation d'un élément | STF |
Le <button> prend en charge les attributs d'événement suivant:
| Attribut | Valeur | Description | DTD |
|---|---|---|---|
| onclick | action à exécuter | Script à exécuter sur un clic de souris | STF |
| ondblclick | action à exécuter | Script à exécuter sur double-cliquez sur la souris | STF |
| onmousedown | action à exécuter | Script à exécuter lorsque le bouton de la souris est pressé | STF |
| onmousemove | action à exécuter | Script à exécuter lorsque le pointeur de la souris se déplace | STF |
| onmouseout | action à exécuter | Script à exécuter lorsque le pointeur de la souris sort d'un élément | STF |
| onmouseover | action à exécuter | Script à exécuter lorsque pointeur de la souris sur un élément | STF |
| onmouseup | action à exécuter | Script à exécuter lorsque le bouton de souris est relâché | STF |
| onkeydown | action à exécuter | Script à exécuter quand une touche est pressée | STF |
| onkeypress | action à exécuter | Script à exécuter lorsqu'une touche est enfoncée et relâchée | STF |
| onkeyup | action à exécuter | Script à exécuter quand une touche est relâchée | STF |
| onblur | action à exécuter | Script à exécuter quand un élément perd le focus | STF |
| onfocus | action à exécuter | Script à exécuter quand un élément reçoit le focus | STF |
Vous êtes ici:Balise button Retour à la liste des balises
Retour à l'accueil du site
Par carabde 10 mars 2014