Det billedknapper i HTML-dokumentet kan oprettes ved at bruge type egenskab af en element. Billedknapper udfører også samme funktion som indsend knapper, men den eneste forskel mellem dem er, at du kan beholde det valgte billede som en knap.

java int til char

Syntaks

Eksempler

Eksempel 1: Dette eksempel bruges til at angive billedknappen uden at bruge 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 

Produktion:

Browser support

Element	Chrome	IE	Firefox	Opera	Safari
Billedknap	Ja	Ja	Ja	Ja	Ja

Egenskaber

Alt:

Denne egenskab bruges til at angive den alternative tekst, som skal vises, når billedet ikke kan vises på brugerens skærm.

Grænse:

Denne attribut bruges til at angive billedkanten. Hvis du sætter dens værdi som 0, vil der ikke blive vist nogen kant.

Højde:

Denne attribut bruges til at definere pixels for højden af ​​et billede.

Navn:

Denne attribut bruges til at definere navnet på et billede.

Src:

Denne attribut bruges til at angive den billedsti, der skal vises som en knap.

vælg som

Bredde:

Denne attribut bruges til at definere pixels for bredden af ​​et billede.