Elementti <textarea> on tehokas työkalu monirivisen tekstinsyöttökentän luomiseen verkkosivulle. Sen avulla käyttäjät voivat syöttää ja lähettää suurempia määriä tekstiä kuin <input>-elementillä, joka on rajoitettu yhteen tekstiriviin.

<textarea></textarea>

Elementti <textarea> koostuu avaus-<textarea>-tagista ja sulkeva </textarea>-tagista. Kaikki näiden tagien väliin sijoitettu teksti toimii tekstialueen oletusarvona.

Attribuutit

name: määrittää tekstialueen nimen, jota käytetään kentän tunnistamiseen, kun lomake lähetetään.

<textarea name="feedback"></textarea>

rows ja cols: määrittävät tekstialueen näkyvien rivien ja sarakkeiden määrän. Niiden avulla voimme määrittää tekstialueen leveyden ja korkeuden.

<textarea name="feedback" rows="3" cols="30"></textarea>

placeholder: tarjoaa käyttäjälle lyhyen vihjeen odotetusta tiedosta tekstialueella. Se näytetään väliaikaisena paikkamerkkinä, kunnes käyttäjä alkaa kirjoittaa.

<textarea name="feedback" placeholder="Leave your opinion"></textarea>

maxlength: määrittää enimmäismäärän merkkejä, jotka voidaan syöttää tekstialueelle. Se auttaa asettamaan merkkirajoituksia tai -rajoituksia.

<textarea name="feedback" maxlength="200"></textarea>

readonly: readonly-attribuutti, kun se lisätään <textarea>-elementtiin, tekee kentästä vain luku -tilassa, estäen käyttäjiä muokkaamasta tekstiä. Se on hyödyllinen, kun näytetään esitäytettyä tai ei-muokattavaa sisältöä.

<textarea name="feedback" readonly>This content is read only.</textarea>

Esimerkki