41Mag - Balise <button> HTML5

Balise <button> HTML5

Exemple de balise <button> HTML5

1
<button type="button">Cliquez ici</button>

Définition et usage de la balise <button> en HTML5

La balise <button> définit un bouton à cliquer.

A l’intérieur d’un élément <button> vous pouvez mettre du contenu, comme du texte ou des images. C’est la différence entre cet élément et les boutons créés avec l’élément <input>.

Remarque : Si vous utilisez l’élément <button> dans un formulaire HTML, les différents navigateurs peuvent présenter des valeurs différentes. Utilisez <input> pour créer des boutons dans un formulaire HTML.

Astuce : Toujours spécifier l’attribut type pour un élément <button>. Différents navigateurs utilisent des types par défaut différents pour l’élément <button>.

Attribut pour la balise : <button>
AttributValeurDescription
autofocusautofocusIndique que le bouton devrait avoir automatiquement le focus quand la page se charge
disableddisabledIndique que le bouton doit être désactivé
formform_idIndique a quel formulaire – un ou plusieurs – le bouton appartient
formactionURLIndique l’adresse où envoyer le formulaire et ses données quand il est soumis. Uniquement pour type= »submit »
formenctypeapplication/x-www-form-urlencoded
multipart/form-data
text/plain
Indique le type d’encodage des données du formulaire à envoyer au serveur. Uniquement pour type= »submit »
formmethodget
post
Indique la méthode HTTP à utiliser pour envoyer les données du formulaire Uniquement pour type= »submit »
formnovalidateformnovalidateIndique que les données du formulaire ne doivent pas être validées lors de l’envoie. Uniquement pour type= »submit »
formtarget_blank
_self
_parent
_top
framename
Indique ou doit s’afficher la réponse après la soumission du formulaire. Uniquement pour type= »submit »
namenameIndique le nom du bouton
typebutton
reset
submit
Définit le type du bouton
valuetexteDéfinit une valeur initiale pour le bouton
Évolution par rapport au HTML 4.01

En HTML5, la balise <button> a de nouveaux attributs : autofocus,form, formaction, formenctype, formmethod, formnovalidate, and formtarget.

Attribut standard :

La balise <button> prend en charge tous les attributs standard en HTML5 .

> Liste complète des attributs

Attribut d’évènement :

La balise <button> prend également en charge tous les attributs d’événement HTML5.

> Liste complète des événements


Copyright © 2013 | 41Mag. All rights reserved. Contact.
Integrated by Créa-troyes. Powered by WordPress.