The slikovni gumbi u HTML dokumentu može se stvoriti pomoću tip atribut an element. Slikovni gumbi također imaju istu funkciju kao gumbi za slanje, ali jedina je razlika između njih što možete zadržati sliku po svom izboru kao gumb.
valjani identifikatori u Javi
Sintaksa
Primjeri
Primjer 1: Ovaj se primjer koristi za određivanje gumba slike bez korištenja CSS-a.
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 OtherTestirajte sada
Izlaz:
Podrška za preglednik
Element | Krom | tj | Firefox | Opera | Safari |
Gumb za sliku | Da | Da | Da | Da | Da |
Atributi
Sve:
Ovaj se atribut koristi za određivanje zamjenskog teksta koji će se prikazati kada se slika ne može prikazati na korisničkom zaslonu.
Granica:
Ovaj se atribut koristi za određivanje obruba slike. Ako stavite njegovu vrijednost na 0, tada se neće prikazati granica.
Visina:
Ovaj se atribut koristi za definiranje piksela visine slike.
Madhuri je rekla
Ime:
Ovaj atribut se koristi za definiranje naziva slike.
Src:
Ovaj se atribut koristi za određivanje putanje slike koja se treba pojaviti kao gumb.
Širina:
Ovaj se atribut koristi za definiranje piksela širine slike.