HTML <textarea> tag

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>

Prøv det selv

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>

Prøv det selv

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
  • hard
  • soft
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