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 

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.