Elementet <textarea> är ett kraftfullt verktyg för att skapa ett flerradigt textinmatningsfält på en webbsida. Det tillåter användare att mata in och skicka större mängder text än <input>-elementet, som är begränsat till en enda rad text.

<textarea></textarea>

Elementet <textarea> består av en öppnande <textarea>-tagg och en avslutande </textarea>-tagg. All text som placeras mellan dessa taggar kommer att fungera som standardvärde för textområdet.

Attribut

name: specificerar namnet på textområdet, vilket används för att identifiera fältet när formuläret skickas.

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

rows och cols: bestämmer antalet synliga rader och kolumner i textområdet. De tillåter oss att specificera bredden och höjden på textområdet.

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

placeholder: ger en kort ledtråd till användaren om den förväntade informationen i textområdet. Det visas som en tillfällig platshållare tills användaren börjar skriva.

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

maxlength: specificerar det maximala antalet tecken som kan anges i textområdet. Det hjälper till att upprätthålla teckenbegränsningar eller restriktioner.

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

readonly: readonly-attributet, när det läggs till <textarea>-elementet, gör fältet skrivskyddat, vilket förhindrar användare från att ändra texten. Det är användbart när man visar förifyllt eller icke-redigerbart innehåll.

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

Exempel