HTML <textarea> -merkki

Määrittely ja käyttö

<textarea> Tagi määrittää useamman rivin tekstikontrollin.

<textarea> Elementit käytetään yleensä lomakkeissa käyttäjän syötteen keräämiseen, kuten kommentteihin tai arvioihin.

Tekstialue voi sisältää rajattoman määrän merkkejä ja teksti esitetään tasalevyisellä kirjasinnolla (yleensä Courier).

Tekstikentän koko määritetään cols- ja rows-ominaisuuksilla (tai CSS:n avulla).

Lomakkeen lähettämisen jälkeen tarvitaan name-ominaisuus viitataksesi lomakkeen tietoihin (jos name-ominaisuutta ei ole määritetty, tekstikentän tietoja ei lähetetä).

Tarvitaan id-ominaisuus yhdistääksesi tekstikentän ja merkinnän (label).

Vinkki:Lisää aina <label> Tagi, saadaksesi parhaan käytettävyyden!

Katso myös:

HTML DOM -viittausopas:Tekstikenttä-objekti

CSS-opas:Lomakkeen tyylittely

Esimerkki

Esimerkki 1

Monirivinen tekstikenttä (tekstikenttä):

<label for="w3review">Kommentoi CodeW3C.com:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
codew3c.comilla opit, miten verkkosivuja kehitetään. He tarjoavat kaikkia Web-kehitysteknologioita vapaana opetusmateriaalina.
</textarea>

Kokeile itse!

Esimerkki 2

Poista käytöstä oletusarvoiset kokoonpanovalinnat:

<html>
<head>
<style>
textarea {
  resize: none;
}
</style>
</head>
<body>
<label for="w3review">Kommentoi CodeW3C.com:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
codew3c.comilla opit, miten verkkosivuja kehitetään. He tarjoavat kaikkia Web-kehitysteknologioita vapaana opetusmateriaalina.
</textarea>
</body>
</html>

Kokeile itse!

Attribuutti

Attribuutti Arvo Kuvaus
autofocus autofocus Määrittää, että tekstikenttä saa automaattisesti fokuksen lomakkeen latautuessa.
cols Luku Määrittää tekstikentän näkyvän leveyden.
dirname textareaname.dir Määrittää lähetettävän tekstikentän tekstin suunnan.
disabled disabled Määrittää, että tekstikenttä on poissa käytöstä.
form Lomakkeen id Määrittää tekstikentän kuuluvan lomakkeen.
maxlength Luku Määrittää tekstikentän sallitun enimmäismäärän merkkiä.
name Teksti Määrittää tekstikentän nimen.
placeholder Teksti Määrittää lyhyen ohjeen tekstikentän odotetulle arvolle.
readonly readonly Määrittää, että tekstikenttä on vain luku.
required required Määrittää, että tekstikenttä on pakollinen.
rows Luku Määrittää näkyvien rivien määrän tekstikentässä.
wrap
  • hard
  • soft
 Määrittää, miten tekstikentässä oleva teksti riveittyy lomakkeen lähettäessä.

globaalit attribuutit

<textarea> Tagi tukee myös HTML:n globaalit attribuutit.

tapahtumamäärittelyt

<textarea> Tagi tukee myös HTML:n tapahtumamäärittelyt.

Oletusarvoiset CSS-asetukset

Ei mitään.

Selaintuki

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