logo

Bouton d'image HTML

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.

Oops

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 
Testez-le maintenant

Sortir:

Bouton d'image HTML

Prise en charge du navigateur

Élément navigateur ChromeChrome c'est à dire le navigateurC'EST À DIRE navigateur FirefoxFirefox navigateur d'opéraOpéra navigateur safariSafari
Bouton Image OuiOuiOuiOuiOui

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:

np.argmax

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.