HTML <textarea> tag

Definitie en gebruik

<textarea> Labels definiëren een meerdere regels tekst invoercontrole.

<textarea> Elementen worden meestal gebruikt in formulieren om de invoer van gebruikers te verzamelen, zoals reacties of reacties.

Het tekstgebied kan een oneindige hoeveelheid tekens bevatten en wordt weergegeven in een evenwijdig lettertype (meestal Courier).

De grootte van het tekstvak wordt bepaald door de cols- en rows-eigenschappen (of door CSS te gebruiken).

Een naam-eigenschap is nodig om formuliergegevens te refereren na het indienen van het formulier (indien de naam-eigenschap wordt weggelaten, worden de gegevens van het tekstvak niet ingediend).

Een id-eigenschap is nodig om het tekstvak met het etiket (label) te koppelen.

Tip:Voeg altijd toe <label> Gebruik de tag, om de beste toegankelijkheidspraktijken te verkrijgen!

Zie ook:

HTML DOM referentiehandleiding:Textarea object

CSS handleiding:Formulier stijlen instellen

Voorbeeld

Voorbeeld 1

Een meerdere regels tekst invoer controle (tekstvak):

<label for="w3review">Reactie CodeW3C.com:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
Op codew3c.com leer je hoe je websites ontwikkelt. Ze bieden gratis tutorials voor alle Web-ontwikkelingstechnieken.
</textarea>

Probeer het zelf uit

Voorbeeld 2

Schakel de standaard aanpasbare grootteopties uit:

<html>
<head>
<style>
textarea {
  resize: none;
}
</style>
</head>
<body>
<label for="w3review">Reactie CodeW3C.com:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
Op codew3c.com leer je hoe je websites ontwikkelt. Ze bieden gratis tutorials voor alle Web-ontwikkelingstechnieken.
</textarea>
</body>
</html>

Probeer het zelf uit

eigenschap

eigenschap waarde beschrijving
autofocus autofocus Bepaalt dat het tekstvak automatisch moet worden gefocust bij het laden van de pagina.
cols getal Bepaalt de zichtbare breedte van het tekstvak.
dirname textareaname.dir Bepaalt de tekstrichting van de tekst in het tekstvak dat wordt ingediend.
uitgeschakeld uitgeschakeld Bepaalt dat het tekstvak moet worden uitgeschakeld.
form formulier id Bepaalt het formulier waar het tekstvak toebehoort.
maxlength getal Bepaalt het maximale aantal tekens dat het tekstvak mag bevatten.
naam tekst Bepaalt de naam van het tekstvak.
placeholder tekst Bepaalt een korte beschrijving van de verwachte waarde van het tekstvak.
alleen lezen alleen lezen Bepaalt dat het tekstvak alleen leesbaar moet zijn.
verplicht verplicht Bepaalt dat het tekstvak verplicht is.
rijen getal Bepaalt het aantal zichtbare regels in het tekstvak.
omslaan
  • hard
  • zacht
 Bepaalt hoe de tekst in het tekstvak wordt aangepast bij het indienen van het formulier.

Globale attributen

<textarea> De tag ondersteunt ook Globale attributen in HTML.

Evenement-attributen

<textarea> De tag ondersteunt ook Evenement-attributen in HTML.

Standaard CSS-instellingen

Geen tekst.

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support