The obrázková tlačítka v dokumentu HTML lze vytvořit pomocí typ atribut an živel. Tlačítka obrázků také plní stejnou funkci jako tlačítka pro odeslání, ale jediný rozdíl mezi nimi je v tom, že si můžete ponechat obrázek podle svého výběru jako tlačítko.
kdy začíná q2
Syntax
Příklady
Příklad 1: Tento příklad se používá k určení tlačítka obrázku bez použití 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 Otestujte to hned Výstup:
Podpora prohlížeče
| Živel |  Chrome |  TJ |  Firefox |  Opera |  Safari |
| Tlačítko obrázku | Ano | Ano | Ano | Ano | Ano |
Atributy
Všechno:
Tento atribut se používá k určení alternativního textu, který se má zobrazit, když obrázek nelze zobrazit na obrazovce uživatele.
Okraj:
Tento atribut se používá k určení okraje obrázku. Pokud zadáte jeho hodnotu jako 0, nezobrazí se žádné ohraničení.
Výška:
Tento atribut se používá k definování pixelů výšky obrázku.
Rozvržení mřížky
Název:
Tento atribut se používá k definování názvu obrázku.
Src:
Tento atribut se používá k určení cesty obrázku, která se má objevit jako tlačítko.
Šířka:
Tento atribut se používá k definování pixelů šířky obrázku.