Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Arbejde med textarea-elementet til flerlinjet input | HTML-Formularer og Brugerinput
Ultimativ HTML

Arbejde med textarea-elementet til flerlinjet input

Stryg for at vise menuen

<textarea>-elementet er et effektivt værktøj til at oprette et tekstfelt med flere linjer på en webside. Det giver brugerne mulighed for at indtaste og indsende større mængder tekst end <input>-elementet, som er begrænset til én linje tekst.

<textarea></textarea>

<textarea>-elementet består af en åbningstag <textarea> og en lukningstag </textarea>. Enhver tekst placeret mellem disse tags vil fungere som standardværdi for tekstområdet.

Attributter

name: angiver navnet på tekstområdet, som bruges til at identificere feltet, når formularen indsendes.

<textarea name="feedback"></textarea>

rows og cols: bestemmer antallet af synlige rækker og kolonner i tekstområdet. De gør det muligt at angive bredden og højden på tekstområdet.

<textarea name="feedback" rows="3" cols="30"></textarea>

placeholder: giver brugeren et kort hint om den forventede information i tekstområdet. Det vises som en midlertidig pladsholder, indtil brugeren begynder at skrive.

<textarea name="feedback" placeholder="Leave your opinion"></textarea>

maxlength: angiver det maksimale antal tegn, der kan indtastes i tekstområdet. Det hjælper med at håndhæve tegnbegrænsninger eller restriktioner.

<textarea name="feedback" maxlength="200"></textarea>

readonly: readonly-attributten, når den tilføjes til <textarea>-elementet, gør feltet skrivebeskyttet og forhindrer brugere i at ændre teksten. Det er nyttigt ved visning af forudfyldt eller ikke-redigerbart indhold.

<textarea name="feedback" readonly>This content is read only.</textarea>

Eksempel

index.html

index.html

1. Hvilken attribut bruges til at angive det maksimale antal tegn, der er tilladt i et tekstinputfelt?

2. Hvilket element bruges til at oprette et flerlinjet inputfelt?

question mark

Hvilken attribut bruges til at angive det maksimale antal tegn, der er tilladt i et tekstinputfelt?

Vælg det korrekte svar

question mark

Hvilket element bruges til at oprette et flerlinjet inputfelt?

Vælg det korrekte svar

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 5. Kapitel 7

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Sektion 5. Kapitel 7
some-alt