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

<textarea></textarea>

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

Attribut

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

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

rows och cols: bestämmer antalet synliga rader respektive kolumner i textområdet. Dessa gör det möjligt att ange bredd och höjd på textområdet.

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

placeholder: ger användaren en kort ledtråd om vilken information som förväntas i textområdet. Den visas som en tillfällig platshållare tills användaren börjar skriva.

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

maxlength: anger det maximala antalet tecken som kan matas in i textområdet. Detta hjälper till att upprätthålla teckengränser eller restriktioner.

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

readonly: readonly-attributet, när det läggs till på <textarea>-elementet, gör fältet skrivskyddat och förhindrar att användare ändrar texten. Det är användbart när förifyllt eller icke-redigerbart innehåll ska visas.

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

Exempel