Le langage HTML Balise <BUTTON>

Somaire

Balise <button> : bouton

LES BALISES HTML

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 <button> : bouton

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 :
- Un bouton contenant une image et sur lequel un style a été appliqué : Sélectionner 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>

Important:

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.


Ses attributs

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.

Les attributs optionnels

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

Attributs standards

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

Les attributs de l'événement

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

  • Trafic Booster
    hebergement web

    SCREEBER - Logiciel de copywriting

    SCREEBER - Logiciel de copywriting Augmentez vos résultats en rejoignant les 1600 entrepreneurs qui utilisent Screeber®, le seul logiciel de Copywriting (en français) qui rédige avec vous des textes de vente qui convertissent


    HTML5, CSS3, JavaScript pour débutants Tome 1
    HTML5, CSS3, JavaScript
    pour débutants Tome 1

    Premier tome d'une série vidéo dédiée à l'apprentissage des langages HTML, CSS et JavaScript.

    Regarder aussi nos cours :

    Balise ol

    Définit une liste ordonnée

    list-style-position

    Indique si les marqueurs list-item doit apparaitre à l'intérieur ou en dehors du flux du contenu

    fonction strstr, strstr

    Trouve la première occurrence dans une chaîne



    Rentabilisez efficacement votre site