<button> : bouton

Balise BR » INDEX « Balise CAPTION
Tag de fermeture : obligatoire Internet Explorer Opera

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.


  Exemple :  
 - Un bouton contenant une image et sur lequel un style a été appliqué :

<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/ICO_Home.gif">
</button>




 - Un bouton classique équivalent a <input type="button" ... > avec différents styles.

<button type="button" onclick="JavaScript: alert('Bouton text')">
  Cliquez ici
</button>

     


 - Utilisation de l'attribut disabled

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





Liens Rapides
Balises relatives à l'élément BUTTON :
Aller à la définition de la balise :
commentaires / remarques
© Copyright 2004 by StartYourDev
Ajouter aux favoris contact plan du site Downloads Liens - Partenaires
Accueil
Rubrique HTML Rubrique XML-XSL Rubrique XHTML Rubrique CSS Rubrique JavaScript Rubrique SVG Rubrique Codes - Tutoriels
H T M L
Introduction
Index - Liste des tags
Les tags hors W3C
Tableau des couleurs
Caractères HTML
Les styles CSS
Tutoriels
Les images
Les meta tags
Les scrollbars