Exemple
Un bouton cliquable est marqué comme suit:
<button type="button">Click Me!</button>
Essayez - le vous - même » Définition et utilisation
Le <button> balise définit un bouton cliquable.
A l' intérieur d' un <button> élément que vous pouvez mettre du contenu, comme du texte ou des images. Telle est la différence entre cet élément et les boutons créés avec la <input> élément.
Astuce: Toujours spécifier le type de l' attribut pour un <button> élément.Différents navigateurs utilisent des types de défaut différents pour le <button> élément.
support du navigateur
| Élément | |||||
|---|---|---|---|---|---|
| <button> | Oui | Oui | Oui | Oui | Oui |
Trucs et astuces
Remarque: Si vous utilisez le <button> élément 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: Visitez notre CSS Buttons Tutorial pour savoir comment le style des boutons avec CSS.
Différences entre HTML 4.01 et HTML5
HTML5 a les nouveaux attributs suivants: autofocus, form, formaction, formenctype, formmethod, formnovalidate au formtarget autofocus, form, formaction, formenctype, formmethod, formnovalidate la autofocus, form, formaction, formenctype, formmethod, formnovalidate et formtarget .
Les attributs
= Nouveau en HTML5.
| Attribut | Valeur | La description |
|---|---|---|
| autofocus | autofocus | Indique qu'un bouton doit automatiquement se concentrer chargement de la page |
| disabled | disabled | Indique qu'un bouton doit être désactivé |
| form | form_id | Indique une ou plusieurs formes le bouton appartient à |
| formaction | URL | Indique où envoyer le formulaire de données quand un formulaire est soumis. Uniquement pour type="submit" |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | Indique comment form-data doit être codé avant de l'envoyer à un serveur. Uniquement pour type="submit" |
| formmethod | get post | Indique comment envoyer les form-data (quelle méthode HTTP à utiliser). Uniquement pour type="submit" |
| formnovalidate | formnovalidate | Indique que la forme de données ne doit pas être validé sur la soumission. Uniquement pour type="submit" |
| formtarget | _blank _self _parent _top framename | Indique où afficher la réponse après la soumission du formulaire. Uniquement pour type="submit" |
| name | name | Indique un nom pour le bouton |
| type | button reset submit | Indique le type de bouton |
| value | text | Indique une valeur initiale pour le bouton |
Attributs globaux
Le <button> tag soutient également le attributs globaux en HTML .
Attributs de l'événement
Le <button> tag soutient également l' événement Attributs en HTML .
Pages associées
Référence HTML DOM: Bouton Objet
Tutoriel CSS: Coiffure Boutons
Paramètres par défaut de CSS
Aucun.