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.

html

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.

html

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.

html

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

html

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

html

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öä.

html

Esimerkki