The attēla pogas HTML dokumentā var izveidot, izmantojot veids atribūts an elements. Attēlu pogas arī pilda to pašu funkciju kā iesniegšanas pogas, taču vienīgā atšķirība starp tām ir tāda, ka jūs varat saglabāt izvēlēto attēlu kā pogu.

stlc

Sintakse

Piemēri

1. piemērs: Šis piemērs tiek izmantots, lai norādītu attēla pogu, neizmantojot 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 

Izvade:

Pārlūka atbalsts

Elements	Chrome	IE	Firefox	Opera	Safari
Attēla poga	Jā	Jā	Jā	Jā	Jā

Atribūti

Viss:

Šo atribūtu izmanto, lai norādītu alternatīvo tekstu, kas jāparāda, ja attēlu nevar parādīt lietotāja ekrānā.

Robeža:

Šis atribūts tiek izmantots, lai norādītu attēla apmali. Ja jūs ievietojat tā vērtību kā 0, tad apmale netiks rādīta.

Augstums:

mysql pa kreisi pievienoties

Šo atribūtu izmanto, lai definētu attēla augstuma pikseļus.

Vārds:

Šis atribūts tiek izmantots, lai definētu attēla nosaukumu.

Src:

Šis atribūts tiek izmantots, lai norādītu attēla ceļu, kuram jāparādās kā poga.

Platums:

Šo atribūtu izmanto, lai definētu attēla platuma pikseļus.