<textarea>-elementet er et kraftig verktøy for å lage et flerlinjet tekstinntastingsfelt på en nettside. Det lar brukere skrive inn og sende inn større mengder tekst enn <input>-elementet, som er begrenset til én linje tekst.

<textarea></textarea>

<textarea>-elementet består av en åpningstag <textarea> og en lukkingstag </textarea>. All tekst som plasseres mellom disse taggene vil fungere som standardverdi for tekstområdet.

Attributter

name: angir navnet på tekstområdet, som brukes til å identifisere feltet når skjemaet sendes inn.

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

rows og cols: bestemmer antall synlige rader og kolonner i tekstområdet. Disse lar oss angi bredden og høyden på tekstområdet.

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

placeholder: gir brukeren et kort hint om hvilken informasjon som forventes i tekstområdet. Dette vises som en midlertidig plassholder til brukeren begynner å skrive.

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

maxlength: angir maksimalt antall tegn som kan skrives inn i tekstområdet. Dette hjelper med å håndheve tegnbegrensninger eller restriksjoner.

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

readonly: readonly-attributtet, når det legges til <textarea>-elementet, gjør feltet skrivebeskyttet og forhindrer brukere i å endre teksten. Dette er nyttig når forhåndsutfylt eller ikke-redigerbart innhold skal vises.

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

Eksempel