Het <textarea>-element is een krachtig hulpmiddel voor het creëren van een meerregelig tekstinvoerveld op een webpagina. Hiermee kunnen gebruikers grotere hoeveelheden tekst invoeren en verzenden dan met het <input>-element, dat beperkt is tot één regel tekst.

<textarea></textarea>

Het <textarea>-element bestaat uit een openings-<textarea>-tag en een sluitende </textarea>-tag. Alle tekst die tussen deze tags wordt geplaatst, fungeert als de standaardwaarde voor het tekstvak.

Attributen

name: specificeert de naam van het tekstvak, die wordt gebruikt om het veld te identificeren wanneer het formulier wordt verzonden.

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

rows en cols: bepalen respectievelijk het aantal zichtbare rijen en kolommen van het tekstvak. Hiermee kunnen we de breedte en hoogte van het tekstvak instellen.

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

placeholder: geeft een korte hint aan de gebruiker over de verwachte informatie in het tekstvak. Dit wordt weergegeven als tijdelijke aanduiding totdat de gebruiker begint te typen.

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

maxlength: specificeert het maximale aantal tekens dat in het tekstvak kan worden ingevoerd. Dit helpt bij het afdwingen van tekenlimieten of -beperkingen.

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

readonly: het readonly-attribuut, wanneer toegevoegd aan het <textarea>-element, maakt het veld alleen-lezen, waardoor gebruikers de tekst niet kunnen wijzigen. Dit is handig bij het weergeven van vooraf ingevulde of niet-bewerkbare inhoud.

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

Voorbeeld