The kuvapainikkeet HTML-dokumentissa voidaan luoda käyttämällä tyyppi attribuutti an elementti. Kuvapainikkeet suorittavat myös saman toiminnon kuin lähetyspainikkeet, mutta ainoa ero niiden välillä on, että voit säilyttää valitsemasi kuvan painikkeena.

Syntaksi

Esimerkkejä

Esimerkki 1: Tätä esimerkkiä käytetään kuvapainikkeen määrittämiseen ilman 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  

Lähtö:

Selaimen tuki

Elementti	Kromi	IE	Firefox	Ooppera	Safari
Kuvapainike	Joo	Joo	Joo	Joo	Joo

Attribuutit

Kaikki:

Tätä attribuuttia käytetään määrittämään vaihtoehtoinen teksti, joka näytetään, kun kuvaa ei voida näyttää käyttäjän näytöllä.

Reuna:

Tätä attribuuttia käytetään kuvan reunan määrittämiseen. Jos asetat sen arvoksi 0, reunaa ei näytetä.

Korkeus:

Tätä attribuuttia käytetään määrittämään kuvan korkeuden pikselit.

Nimi:

Tätä attribuuttia käytetään kuvan nimen määrittämiseen.

Src:

Tätä attribuuttia käytetään määrittämään kuvapolku, jonka on näytettävä painikkeena.

Leveys:

Tätä attribuuttia käytetään määrittämään kuvan leveyden pikselit.