HTML <textarea> -tag
Voorbeeld
Een besturingselement voor tekstinvoer met meerdere regels (tekstgebied):
<label for="w3review">Review of W3Schools:</label>
<textarea
id="w3review" name="w3review" rows="4" cols="50">
At w3schools.com you will learn how to make a website. They offer free tutorials in all web development technologies.
</textarea>
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De <textarea>
tag definieert een besturingselement voor tekstinvoer met meerdere regels.
Het <textarea>
element wordt vaak gebruikt in een formulier om gebruikersinvoer zoals opmerkingen of recensies te verzamelen.
Een tekstgebied kan een onbeperkt aantal tekens bevatten en de tekst wordt weergegeven in een lettertype met vaste breedte (meestal Courier).
De grootte van een tekstgebied wordt bepaald door de <cols>
en <rows>
attributen (of met CSS).
Het name
attribuut is nodig om te verwijzen naar de formuliergegevens nadat het formulier is ingediend (als u het
name
attribuut weglaat, worden er geen gegevens uit het tekstgebied ingediend).
Het id
attribuut is nodig om het tekstgebied aan een label te koppelen.
Tip: voeg altijd de <label> -tag toe voor de beste toegankelijkheidspraktijken!
Browserondersteuning
Element | |||||
---|---|---|---|---|---|
<textarea> | Yes | Yes | Yes | Yes | Yes |
attributen
Attribute | Value | Description |
---|---|---|
autofocus | autofocus | Specifies that a text area should automatically get focus when the page loads |
cols | number | Specifies the visible width of a text area |
dirname | textareaname.dir | Specifies that the text direction of the textarea will be submitted |
disabled | disabled | Specifies that a text area should be disabled |
form | form_id | Specifies which form the text area belongs to |
maxlength | number | Specifies the maximum number of characters allowed in the text area |
name | text | Specifies a name for a text area |
placeholder | text | Specifies a short hint that describes the expected value of a text area |
readonly | readonly | Specifies that a text area should be read-only |
required | required | Specifies that a text area is required/must be filled out |
rows | number | Specifies the visible number of lines in a text area |
wrap | hard soft |
Specifies how the text in a text area is to be wrapped when submitted in a form |
Algemene kenmerken
De <textarea>
tag ondersteunt ook de Global Attributes in HTML .
Gebeurteniskenmerken
De <textarea>
tag ondersteunt ook de Event Attributes in HTML .
Meer voorbeelden
Voorbeeld
Standaard formaat wijzigen optie uitschakelen:
<html>
<head>
<style>
textarea {
resize: none;
}
</style>
</head>
<body>
<label for="w3review">Review of W3Schools:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
At
w3schools.com you will learn how to make a website. They offer free tutorials
in all web development technologies.
</textarea>
</body>
</html>
Gerelateerde pagina's
HTML DOM-referentie: Textarea Object
CSS-zelfstudie: Formulieren opmaken
Standaard CSS-instellingen
Geen.