De bildknappar i HTML-dokumentet kan skapas med hjälp av typ attribut för en element. Bildknappar har också samma funktion som skicka-knappar, men den enda skillnaden mellan dem är att du kan behålla den valda bilden som en knapp.

min skärmstorlek

Syntax

Exempel

Exempel 1: Det här exemplet används för att ange bildknappen utan att använda 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 

Produktion:

Webbläsarstöd

Element	Krom	IE	Firefox	Opera	Safari
Bildknapp	Ja	Ja	Ja	Ja	Ja

Attribut

Allt:

Detta attribut används för att specificera den alternativa texten som ska visas när bilden inte kan visas på användarens skärm.

Gräns:

Det här attributet används för att ange bildkanten. Om du sätter dess värde som 0, kommer ingen ram att visas.

Höjd:

Detta attribut används för att definiera pixlarna för höjden på en bild.

Namn:

Detta attribut används för att definiera namnet på en bild.

Src:

Detta attribut används för att specificera bildsökvägen som måste visas som en knapp.

Bredd:

mysql unik nyckel

Detta attribut används för att definiera pixlarna för bredden på en bild.