Balise HTML <button>Tag
Exemple
Le code suivant marque un bouton :
Essayez-le vous-même »
Prise en charge des navigateurs
Tous les principaux navigateurs prennent en charge la balise <button>.
Définition de la balise et instructions d'utilisation
La balise <button> définit un bouton.
À l'intérieur de l'élément <button>, vous pouvez placer du contenu, tel que du texte ou des images. C'est la différence entre cet élément et les boutons créés avec l'élément <input>.
Conseil :Spécifiez toujours l'attribut type pour l'élément <button>. Différents navigateurs utilisent des valeurs par défaut différentes pour l'attribut type de l'élément <button>.
Conseils et notes
Remarque :Si vous utilisez l'élément <button> dans un formulaire HTML, différents navigateurs peuvent soumettre des valeurs de bouton différentes. Veuillez utiliser<input>pour créer des boutons dans un formulaire HTML.
Différences entre HTML 4.01 et HTML5
Nouveaux attributs dans HTML5 : autofocus, form, formaction, formenctype, formmethod, formnovalidate et formtarget.
Attributes
Nouveau: Nouveaux attributs dans HTML5.
| Attribut | Valeur | Description |
|---|---|---|
| autofocusNouveau | autofocus | Spécifie que le bouton doit recevoir automatiquement le focus lorsque la page se charge. |
| disabled | disabled | Spécifie que le bouton doit être désactivé. |
| formNouveau | form_id | Spécifie que le bouton appartient à un ou plusieurs formulaires. |
| formactionNouveau | URL | Spécifie où envoyer les données du formulaire lorsque le formulaire est soumis. Remplace l'attribut action de l'élément form. Cet attribut fonctionne avec type="submit". |
| formenctypeNouveau | application/x-www-form-urlencoded multipart/form-data text/plain |
Spécifie comment encoder les données du formulaire avant de les envoyer au serveur. Remplace l'attribut enctype de l'élément form. Cet attribut fonctionne avec type="submit". |
| formmethodNouveau | get post |
Spécifie la méthode HTTP utilisée pour envoyer les données du formulaire. Remplace l'attribut method de l'élément form. Cet attribut fonctionne avec type="submit". |
| formnovalidateNouveau | formnovalidate | Si cet attribut est utilisé, le formulaire n'est pas validé lors de la soumission. Remplace l'attribut novalidate de l'élément form. Cet attribut fonctionne avec type="submit". |
| formtargetNouveau | _blank _self _parent _top framename |
Spécifie où ouvrir l'URL d'action. Remplace l'attribut target de l'élément form. Cet attribut fonctionne avec type="submit". |
| name | name | Spécifie le nom du bouton. |
| type | button réinitialiser submit |
Spécifie le type du bouton. |
| value | text | Spécifie la valeur initiale du bouton. Elle peut être modifiée par un script. |
Attributs globaux
La balise <button> prend en chargeles attributs globaux HTML。
Attributs d'événement
La balise <button> prend en chargeles attributs d'événement HTML。
Articles connexes
Référence du DOM HTML :Objet Button
Autres extensions