logo

HTML-kuvapainike

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.

mitä pythonissa on

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 
Testaa nyt

Lähtö:

HTML-kuvapainike

Selaimen tuki

Elementti kromi selainKromi eli selainIE firefox selainFirefox ooppera selainOoppera safari-selainSafari
Kuvapainike JooJooJooJooJoo

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:

poistamalla viimeinen commit git

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.