<textarea>-elementti 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>

<textarea>-elementti koostuu avaus-<textarea>-tagista ja sulku-</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 lomakkeen lähetyksen yhteydessä.

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

rows ja cols: määrittävät tekstialueen näkyvien rivien ja sarakkeiden määrän. Näillä voidaan määritellä tekstialueen leveys ja korkeus.

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

placeholder: antaa käyttäjälle lyhyen vihjeen siitä, millaista tietoa tekstialueeseen odotetaan. Se näkyy tilapäisenä ohjetekstinä, kunnes käyttäjä alkaa kirjoittaa.

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

maxlength: määrittää suurimman sallitun merkkimäärän, jonka käyttäjä voi syöttää tekstialueeseen. Tämä auttaa rajoittamaan merkkimäärää.

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

readonly: readonly-attribuutti tekee <textarea>-elementistä vain luku -tilaisen, jolloin käyttäjä ei voi muokata kentän sisältöä. Tämä on hyödyllistä esimerkiksi esitäytetyn tai ei-muokattavan sisällön näyttämisessä.

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

Esimerkki