The obrázkové tlačidlá v dokumente HTML možno vytvoriť pomocou typu atribút an element. Tlačidlá obrázkov majú rovnakú funkciu ako tlačidlá na odoslanie, ale jediný rozdiel medzi nimi je v tom, že obrázok podľa vlastného výberu si môžete ponechať ako tlačidlo.
čo je gb
Syntax
Príklady
Príklad 1: Tento príklad sa používa na určenie tlačidla obrázka bez použitia 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 Vyskúšajte to Výkon:
Podpora prehliadača
| Element |  Chrome |  IE |  Firefox |  Opera |  Safari |
| Tlačidlo obrázka | Áno | Áno | Áno | Áno | Áno |
Atribúty
všetko:
Tento atribút sa používa na určenie alternatívneho textu, ktorý sa má zobraziť, keď sa obrázok nedá zobraziť na obrazovke používateľa.
Hranica:
Tento atribút sa používa na určenie okraja obrázka. Ak zadáte jeho hodnotu ako 0, nezobrazí sa žiadne orámovanie.
výška:
Tento atribút sa používa na definovanie pixelov výšky obrázka.
c kód pole reťazcov
Názov:
Tento atribút sa používa na definovanie názvu obrázka.
Src:
Tento atribút sa používa na určenie cesty k obrázku, ktorá sa musí zobraziť ako tlačidlo.
šírka:
Tento atribút sa používa na definovanie pixelov šírky obrázka.