HTML <input> height -ominaisuus

HTML <input> -elementti

Määrittely ja käyttö

korkeus Ominaisuus määrittelee <input>-elementin korkeuden.

Huomioitavaa:korkeus Ominaisuus liittyy vain <input type="image"> Yhdessä käytettäväksi.

Vinkki:On hyvä tapa määrittää kuvan korkeus ja leveys. Jos nämä ominaisuudet on asetettu, sivu varaa tarvittavan tilan kuvan latautuessa. Jos näitä ominaisuuksia ei ole asetettu, selain ei tiedä kuvan kokoa eikä voi varata sopivaa tilaa. Tilanne on, että sivun ja kuvan latautuessa sivun asettelu voi muuttua.

Esimerkki

Määritä kuva palautusnapiksi, jossa on height ja width -ominaisuudet:

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

Kokeile itse

Syntaksi

<input height="pikselit">

Ominaisuusarvo

Arvo Kuvaus
pikselit Määritellään <input> -elementin korkeus pikseleinä (esim. height="100").

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee tätä ominaisuutta täysin.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki 16.0 Tuki Tuki

Huomautus:korkeus Ominaisuus on <input> -merkin uusi ominaisuus HTML5:ssä.

HTML <input> -elementti