The slikovni gumbi v dokumentu HTML lahko ustvarite z uporabo vrsta atribut an element. Slikovni gumbi prav tako opravljajo enako funkcijo kot gumbi za pošiljanje, vendar je edina razlika med njimi ta, da lahko kot gumb obdržite sliko po svoji izbiri.
Madhuri je rekla daj no
Sintaksa
Primeri
Primer 1: Ta primer se uporablja za določanje slikovnega gumba brez uporabe 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 Preizkusite zdaj Izhod:
Podpora za brskalnik
| Element |  Chrome |  IE |  Firefox |  Opera |  Safari |
| Gumb za sliko | ja | ja | ja | ja | ja |
Lastnosti
Vse:
Ta atribut se uporablja za določitev nadomestnega besedila, ki naj bo prikazano, ko slike ni mogoče prikazati na uporabnikovem zaslonu.
Obroba:
Ta atribut se uporablja za določanje roba slike. Če nastavite njegovo vrednost kot 0, potem ne bo prikazana nobena obroba.
Višina:
Ta atribut se uporablja za določanje slikovnih pik višine slike.
ime:
Ta atribut se uporablja za določitev imena slike.
Src:
Ta atribut se uporablja za določanje poti slike, ki mora biti prikazana kot gumb.
Premer:
algoritem kabine
Ta atribut se uporablja za določanje slikovnih pik širine slike.