De afbeeldingsknoppen in het HTML-document kan worden gemaakt met behulp van de type attribuut van een element. Afbeeldingsknoppen hebben ook dezelfde functie als verzendknoppen, maar het enige verschil tussen deze knoppen is dat u de afbeelding van uw keuze als knop kunt behouden.
vind geblokkeerde nummers op Android
Syntaxis
Voorbeelden
Voorbeeld 1: Dit voorbeeld wordt gebruikt om de afbeeldingsknop te specificeren zonder gebruik te maken van 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 OtherTest het nu
Uitgang:
Browserondersteuning
Element | Chroom | D.W.Z | Firefox | Opera | Safari |
Afbeeldingsknop | Ja | Ja | Ja | Ja | Ja |
Kenmerken
Alles:
Dit attribuut wordt gebruikt om de alternatieve tekst op te geven die moet worden weergegeven als de afbeelding niet op het scherm van de gebruiker kan worden weergegeven.
Grens:
Dit attribuut wordt gebruikt om de afbeeldingsrand op te geven. Als u de waarde ervan op 0 zet, wordt er geen rand weergegeven.
Hoogte:
Dit attribuut wordt gebruikt om de pixels van de hoogte van een afbeelding te definiëren.
Naam:
verander de naam directory linux
Dit attribuut wordt gebruikt om de naam van een afbeelding te definiëren.
Src:
Dit attribuut wordt gebruikt om het afbeeldingspad op te geven dat als een knop moet verschijnen.
Breedte:
Dit attribuut wordt gebruikt om de pixels van de breedte van een afbeelding te definiëren.