HTML Tekstvakken
Een HTML tekstvak (textarea) is een extra grote tekstveld dat geschikt is voor het invoeren van onbeperkte hoeveelheid tekst door de gebruiker.
Een tekstvak wordt op een webpagina geplaatst met behulp van het <textarea> element.
![Live voorbeeld Voorbeeld](images/any/example.png)
Voorbeeld:
<textarea rows="5" cols="50" name="omschrijving">
Vertel iets over jezelf...
</textarea>
De volgende attributen van het element textarea worden hieronder beschreven:
autofocus,
cols,
disabled,
form,
maxlength,
name,
placeholder,
readonly,
required
rows en wrap.
Autofocus attribuut![top top](images/any/up.png)
Geeft aan dat een tekstvak automatisch een focus moet krijgen wanneer de pagina wordt geladen. De gebruiker kan direct beginnen met typen.
Autofocus werkt alleen in browsers die het attribuut ondersteunen.
![Live voorbeeld Voorbeeld](images/any/example.png)
Voorbeeld:
<textarea autofocus> ... </textarea>
Cols attribuut![top top](images/any/up.png)
Met het
cols attribuut bepaal je de breedte van het tekstvak. De waarde is uitgedrukt in het aantal karakters.
Disabled attribuut![top top](images/any/up.png)
Met dit attribuut kan het veld niet meer bewerkt worden. Ook kan de tekst niet meer worden geselecteerd.
![Live voorbeeld Voorbeeld](images/any/example.png)
Voorbeeld:
<textarea disabled> ... </textarea>
Het
form attribuut bevat één of meer formulieren waar de tekstvak behoort.
![Live voorbeeld Voorbeeld](images/any/example.png)
Voorbeeld:
<textarea form="demoform"> ... </textarea>
Maxlength attribuut![top top](images/any/up.png)
Hiermee wordt het maximaal aantal tekens dat ingevoerd kan worden ingesteld.
![Live voorbeeld Voorbeeld](images/any/example.png)
Voorbeeld:
<textarea maxlength="50"> ... </textarea>
Name attribuut![top top](images/any/up.png)
Het
name attribuut kent een naam toe aan het tekstvak.
Name wordt gebruikt om de inhoud van een tekstvak die naar een programma (script) op de server wordt gestuurd te identificeren.
![Live voorbeeld Voorbeeld](images/any/example.png)
Voorbeeld:
<textarea name="voorbeeld"> ... </textarea>
Placeholder attribuut![top top](images/any/up.png)
Het attribuut
placeholder specificeert een korte beschrijving van een tekstvak.
![Live voorbeeld Voorbeeld](images/any/example.png)
Voorbeeld:
<textarea placeholder="Vertel iets over jezelf..."> ... </textarea>
Readonly attribuut![top top](images/any/up.png)
Met dit attribuut kan de gebruiker de inhoud of de status van het veld niet wijzigen.
![Live voorbeeld Voorbeeld](images/any/example.png)
Voorbeeld:
<textarea readonly> ... </textarea>
Required attribuut![top top](images/any/up.png)
Het
required attribuut zorgt ervoor dat een tekstvak moet worden ingevuld.
![Live voorbeeld Voorbeeld](images/any/example.png)
Voorbeeld:
<textarea required> ... </textarea>
Rows attribuut![top top](images/any/up.png)
Met het attribuut
rows bepaal je de hoogte van het tekstvak. De waarde is uitgedrukt in het aantal rijen.
Wrap attribuut![top top](images/any/up.png)
Het
wrap attribuut geeft aan hoe de tekst in een tekstvak moet worden weergegeven. Je kunt met dit attribuut bepalen of de tekst in een tekstvak aan het einde van de rij wel of niet moet worden afgebroken.
De volgende waarden zijn mogelijk:
Hard: |
Hiermee wordt de tekst in het tekstvak afgebroken weergegeven en de tekst dat naar de server wordt verzonden begint met een nieuwe regel. |
Soft: |
Hiermee wordt de tekst in het tekstvak afgebroken weergegeven en de tekst dat naar de server wordt verzonden wordt als één lange regel geplaatst. |
Off: |
De tekst wordt niet afgebroken weergegeven, maar op één lange regel geplaatst. |
![Live voorbeeld Voorbeeld](images/any/example.png)
Voorbeeld:
<textarea wrap="hard"> ... </textarea>
![Tip Tip](images/any/tip.png) |
Het attribuut cols moet worden opgegeven indien je gebruik gaat maken van de waarde hard. Soft is de standaard waarde als je geen gebruik maakt van wrap. |