English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Le tag HTML <button> est un élément représentant un bouton cliquable, qui peut être utilisé dans des formulaires ou d'autres endroits du document où il est nécessaire d'utiliser un bouton simple et standard. Ce tag est également appelé élément <button>.
Le code suivant marque un bouton :
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Base Tutorial(oldtoolbag.com)</title>
</head>
<body>
<button type="button" onclick="alert('Bonjour, le monde!')">Cliquez sur moi</button>
</body>
</html>Voyons le test ‹/›IEFirefoxOperaChromeSafari
Tous les navigateurs populaires prennent en charge le tag <button>.
Le tag <button> définit un bouton.
À l'intérieur de l'élément <button>, vous pouvez placer du contenu, comme du texte ou des images. C'est la différence avec un bouton créé avec l'élément <input>.
L'élément HTML <button> est situé à l'intérieur du tag <body>.
Le tag <button> ne peut pas être placé après le tag <a>.
Astuce :Toujours définir l'attribut type pour l'élément <button>. Les navigateurs utilisent des valeurs par défaut différentes pour l'attribut type de l'élément <button>.
Remarque :Si l'élément <button> est utilisé dans un formulaire HTML, différents navigateurs peuvent soumettre différentes valeurs de bouton. Utilisez <input> Créer un bouton dans un formulaire HTML.
HTML5 nouvel attribut : autofocus, form, formaction, formenctype, formmethod, formnovalidate et formtarget.
New : HTML5 nouvel attribut.
| Attribut | Valeur | Description |
|---|---|---|
| autofocusHTML5 | autofocus | Définir que le bouton doit automatiquement obtenir le focus lors du chargement de la page. |
| disabled | disabled | Définir que le bouton doit être désactivé. |
| formHTML5 | form_id | Définir que le bouton appartient à un ou plusieurs formulaires. |
| formactionHTML5 | URL | Définir où envoyer les données du formulaire lors du soumission du formulaire. Couvrir l'attribut action de l'élément form. Cet attribut est utilisé avec type="submit". |
| formenctypeHTML5 | application/x-www-form-urlencoded multipart/form-data text/plain | Définir comment les données du formulaire doivent être codées avant d'être envoyées au serveur. Couvrir l'attribut enctype de l'élément form. Cet attribut est utilisé avec type="submit". |
| formmethodHTML5 | get post | Définir la méthode HTTP utilisée pour envoyer les données du formulaire. Couvrir l'attribut method de l'élément form. Cet attribut est utilisé avec type="submit". |
| formnovalidateHTML5 | formnovalidate | Si cet attribut est utilisé, la validation n'est pas effectuée lors du soumission du formulaire. Couvrir l'attribut novalidate de l'élément form. Cet attribut est utilisé avec type="submit". |
| formtargetHTML5 | _blank _self _parent _top framename | Définir où ouvrir l'URL d'action. Couvrir l'attribut target de l'élément form. Cet attribut est utilisé avec type="submit". |
| name | name | Définit le nom du bouton. |
| type | submit reset button | Définit le type du bouton. |
| value | text | Définit la valeur initiale du bouton. Peut être modifiée par le script. |
Le balise <button> est pris en charge Propriétés globales HTML.
Le balise <button> est pris en charge Propriétés événementielles HTML.
Guide HTML DOM : Objet Button