HTML <input> height-eigenschap

HTML <input> tag

Definitie en gebruik

height De eigenschap规定了<input>元素的高度。

Let op:height De eigenschappen zijn alleen van toepassing op <input type="image"> Gebruik samen.

Tip:Het is een goede gewoonte om de hoogte en breedte van een afbeelding te specificeren. Als deze eigenschappen zijn ingesteld, wordt er tijdens het laden van de pagina ruimte gereserveerd voor de afbeelding. Als deze eigenschappen niet zijn ingesteld, kan de browser de afmetingen van de afbeelding niet kennen en kan hij geen passende ruimte reserveren. In sommige gevallen kan de lay-out van de pagina veranderen wanneer de pagina en de afbeelding laden.

Voorbeeld

Definieer een afbeelding als submit-knop met de height en width-eigenschappen:

<form action="/action_page.php">
  <label for="fname">Naam：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Achternaam：</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">
</form>

Probeer het zelf uit

Syntaxis

<input height="pixels">

Eigenschapswaarde

Waarde Beschrijving
pixels Stelt de hoogte van het <input>-element in, uitgedrukt in pixels (bijv. height="100").

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Ondersteuning Ondersteuning 16.0 Ondersteuning Ondersteuning

Opmerking:height Een eigenschap is een nieuwe eigenschap van het <input>-tag in HTML5.

HTML <input> tag