Kursusindhold
Ultimativ HTML
Ultimativ HTML
Arbejde Med the Textarea-Elementet Til Indtastning af Flere Linjer
Elementet <textarea>
er et kraftfuldt værktøj til at skabe et flerlinjet tekstinputfelt 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 en enkelt linje tekst.
html
Elementet <textarea>
består af en åbningstag <textarea>
og en lukningstag </textarea>
. Enhver tekst placeret mellem disse tags vil fungere som standardværdien for tekstområdet.
Attributter
name
: specificerer navnet på tekstområdet, som bruges til at identificere feltet, når formularen indsendes.
html
rows
og cols
: bestemmer antallet af synlige rækker og kolonner i tekstområdet. De giver os mulighed for at specificere bredden og højden af tekstområdet.
html
placeholder
: giver en kort antydning til brugeren om den forventede information i tekstområdet. Det vises som en midlertidig pladsholder, indtil brugeren begynder at skrive.
html
maxlength
: specificerer det maksimale antal tegn, der kan indtastes i tekstområdet. Det hjælper med at håndhæve tegnbegrænsninger eller restriktioner.
html
readonly
: readonly-attributten, når den tilføjes til <textarea>
elementet, gør feltet skrivebeskyttet, hvilket forhindrer brugere i at ændre teksten. Det er nyttigt, når man viser forudfyldt eller ikke-redigerbart indhold.
html
Eksempel
index.html
1. Hvilken inputtype bruges til at vælge en dato?
2. Hvilken attribut bruges til at indstille det maksimale antal tegn, der er tilladt i et tekstinputfelt?
3. Hvilket element bruges til at oprette et flerlinjet inputfelt?
4. Hvilken attribut bruges til at indstille den indledende værdi af et inputfelt?
Tak for dine kommentarer!