HTML <textarea> tag
- Previous page <template>
- Next page <tfoot>
Definition og brug
<textarea>
Etiketten definerer et kontrolpanel til flere linjer tekstinput.
<textarea>
Elementer bruges typisk i formulær til at indsamle brugerinput, såsom kommentarer eller anmeldelser.
Tekstområdet kan indeholde et uendeligt antal tegn, og teksten præsenteres i en bredt skrifttype (normalt Courier).
Størrelsen på tekstområdet defineres af cols- og rows-attributterne (eller ved hjælp af CSS).
Efter indsendelse af formularen skal name-attributten bruges til at henvise til formulardata (hvis name-attributten udelades, indsendes ikke tekstområdets data).
Kræver id-attribut for at knytte tekstområdet til etiketten (label).
Vedtagelse:Føj altid <label> Tag, for at få den bedste tilgængelighedstradition!
Se også:
HTML DOM referencehåndbog:Textarea objekt
CSS undervisning:Indstil formularskabelon
Eksempel
Eksempel 1
En multiline tekstinput kontrol (tekstområde):
<label for="w3review">Kommenter CodeW3C.com:</label> <textarea id="w3review" name="w3review" rows="4" cols="50"> På codew3c.com vil du lære, hvordan du udvikler websider. De tilbyder gratis tutorials for alle Web-udviklingsteknologier. </textarea>
Eksempel 2
Deaktiver standardjustering af størrelse:
<html> <head> <style> textarea { resize: none; } </style> </head> <body> <label for="w3review">Kommenter CodeW3C.com:</label> <textarea id="w3review" name="w3review" rows="4" cols="50"> På codew3c.com vil du lære, hvordan du udvikler websider. De tilbyder gratis tutorials for alle Web-udviklingsteknologier. </textarea> </body> </html>
Egenskab
Egenskab | Værdi | Beskrivelse |
---|---|---|
autofocus | autofocus | Definerer, at tekstområdet skal få fokus automatisk ved siden af siden laden. |
cols | Tal | Definerer den synlige bredde af tekstområdet. |
dirname | textareaname.dir | Definerer tekstdirectionen for det indsendte tekstområde. |
disabled | disabled | Definerer, at tekstområdet skal være deaktiveret. |
form | Formular id | Definerer formularen, tekstområdet tilhører. |
maxlength | Tal | Definerer det maksimale antal tegn, tekstområdet kan indeholde. |
name | Tekst | Definerer navnet på tekstområdet. |
placeholder | Tekst | Definerer en kort advarsel om den forventede værdi af tekstområdet. |
readonly | readonly | Definerer, at tekstområdet skal være skrivebeskyttet. |
required | required | Definerer, at tekstområdet skal være obligatorisk. |
rows | Tal | Definerer antallet af synlige rækker i tekstområdet. |
wrap |
|
Definerer hvordan teksten i tekstområdet skal linjeskiftes ved indsendelse af formularen. |
Globale egenskaber
<textarea>
Tagget understøtter også Globale egenskaber i HTML.
Event egenskaber
<textarea>
Tagget understøtter også Event egenskaber i HTML.
Standard CSS indstillinger
Intet.
Browser support
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Support | Support | Support | Support | Support |
- Previous page <template>
- Next page <tfoot>