<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ää huomattavasti enemmän tekstiä kuin <input>-elementillä, joka rajoittuu yhteen tekstiriviin.

<textarea></textarea>

<textarea>-elementti koostuu avaus- (<textarea>) ja lopetustagista (</textarea>). 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 merkkien määrää.

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

readonly: readonly-attribuutti, kun se lisätään <textarea>-elementtiin, tekee kentästä pelkästään luku-tilassa olevan, jolloin käyttäjä ei voi muokata sisältöä. Tämä on hyödyllistä esitäytetyn tai ei-muokattavan sisällön näyttämisessä.

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

Esimerkki