Le boutons d'images dans le document HTML peut être créé en utilisant le taper attribut d'un élément. Les boutons d’image remplissent également la même fonction que les boutons de soumission, mais la seule différence entre eux est que vous pouvez conserver l’image de votre choix sous forme de bouton.

Syntaxe

Exemples

Exemple 1: Cet exemple est utilisé pour spécifier le bouton image sans utiliser CSS.

 Example of image button /* The following tag selector body use the font-family and background-color properties for body of a page*/ Body { font-family: Calibri, Helvetica, sans-serif; background-color: pink; } /* Following container class used padding for generate space around it, and also use a background-color for specifying the lightblue color as a background */ .container { padding: 50px; background-color: lightblue; } /* The following tag selector input uses the different properties for specifying the text field. */ input[type=text] { width: 100%; padding: 15px; margin: 5px 0 22px 0; display: inline-block; border: none; background: #f1f1f1; } input[type=text]:focus { background-color: orange; outline: none; } div { padding: 10px 0; } hr { border: 1px solid #f1f1f1; margin-bottom: 25px; } <hr> Firstname: Middlename: Lastname: Course : Course BCA BBA B.Tech MBA MCA M.Tech Gender : <br> Male Female Other  

Sortir:

Prise en charge du navigateur

Élément	Chrome	C'EST À DIRE	Firefox	Opéra	Safari
Bouton Image	Oui	Oui	Oui	Oui	Oui

Les attributs

Tout:

Cet attribut est utilisé pour spécifier le texte alternatif qui doit être affiché lorsque l'image ne peut pas être affichée sur l'écran de l'utilisateur.

Frontière:

Cet attribut est utilisé pour spécifier la bordure de l'image. Si vous mettez sa valeur à 0, alors aucune bordure ne sera affichée.

Hauteur:

Cet attribut permet de définir les pixels de la hauteur d'une image.

Nom:

Cet attribut est utilisé pour définir le nom d'une image.

Src :

Cet attribut est utilisé pour spécifier le chemin de l'image qui doit apparaître sous forme de bouton.

Largeur:

Cet attribut permet de définir les pixels de la largeur d'une image.