The vaizdo mygtukai HTML dokumente galima sukurti naudojant tipo an atributas elementas. Vaizdo mygtukai taip pat atlieka tą pačią funkciją kaip ir pateikimo mygtukai, tačiau vienintelis skirtumas tarp jų yra tas, kad pasirinktą vaizdą galite palikti kaip mygtuką.

saulėtas deol

Sintaksė

Pavyzdžiai

1 pavyzdys: Šis pavyzdys naudojamas norint nurodyti vaizdo mygtuką nenaudojant 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 

Išvestis:

Naršyklės palaikymas

Elementas	Chrome	T.Y	Firefox	Opera	Safari
Vaizdo mygtukas	Taip	Taip	Taip	Taip	Taip

Atributai

Viskas:

Šis atributas naudojamas norint nurodyti alternatyvų tekstą, kuris turi būti rodomas, kai vaizdo negalima rodyti vartotojo ekrane.

Kraštinė:

Šis atributas naudojamas vaizdo kraštinei nurodyti. Jei jo reikšmę nustatysite kaip 0, nebus rodoma jokia kraštinė.

Aukštis:

Šis atributas naudojamas vaizdo aukščio pikseliams apibrėžti.

Vardas:

Šis atributas naudojamas vaizdo pavadinimui apibrėžti.

kas yra ymail

Src:

Šis atributas naudojamas norint nurodyti vaizdo kelią, kuris turi būti rodomas kaip mygtukas.

Plotis:

Šis atributas naudojamas vaizdo pločio pikseliams apibrėžti.