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
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?
Tak for dine kommentarer!
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat