HTML <input> breedte Attribuut
Voorbeeld
Definieer een afbeelding als de verzendknop, met de kenmerken hoogte en breedte:
<form action="/action_page.php">
<label for="fname">First name:</label>
<input type="text" id="fname"
name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">
</form>
Definitie en gebruik
Het width
attribuut specificeert de breedte van het <input>
element.
Opmerking: het width
attribuut wordt alleen gebruikt met
<input type="image">
.
Tip: Geef altijd zowel de
attributen als op voor afbeeldingen height
.
width
Als hoogte en breedte zijn ingesteld, wordt de benodigde ruimte voor de afbeelding gereserveerd wanneer de pagina wordt geladen. Zonder deze attributen weet de browser echter niet hoe groot de afbeelding is en kan hij er niet de juiste ruimte voor reserveren. Het effect is dat de pagina-indeling verandert tijdens het laden (terwijl de afbeeldingen worden geladen).
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die het kenmerk volledig ondersteunt.
Attribute | |||||
---|---|---|---|---|---|
width | Yes | Yes | 16.0 | Yes | Yes |
Syntaxis
<input width="pixels">
Attribuutwaarden
Value | Description |
---|---|
pixels | The width in pixels (e.g. width="100") |
❮ HTML <input>-tag