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 OtherTestaa nyt
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:
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.