Kursinnhold
Ultimate HTML
Ultimate HTML
Arbeide med Textarea-Elementet for Flervalgslinje
<textarea>
-elementet er et kraftig verktøy for å lage et flerlinjet tekstinndatafelt på en nettside. Det lar brukere skrive inn og sende inn større mengder tekst enn <input>
-elementet, som er begrenset til en enkelt linje med tekst.
<textarea></textarea>
<textarea>
-elementet består av en åpning <textarea>
-tagg og en lukking </textarea>
-tagg. All tekst plassert mellom disse taggene vil fungere som standardverdien for tekstområdet.
Attributter
name
: spesifiserer navnet på tekstområdet, som brukes til å identifisere feltet når skjemaet sendes inn.
<textarea name="feedback"></textarea>
rows
og cols
: bestemmer antall synlige rader og kolonner i tekstområdet, henholdsvis. De lar oss spesifisere bredden og høyden på tekstområdet.
<textarea name="feedback" rows="3" cols="30"></textarea>
placeholder
: gir en kort hint til brukeren om den forventede informasjonen i tekstområdet. Det vises som en midlertidig plassholder til brukeren begynner å skrive.
<textarea name="feedback" placeholder="Leave your opinion"></textarea>
maxlength
: spesifiserer maksimalt antall tegn som kan skrives inn i tekstområdet. Det hjelper med å håndheve tegnbegrensninger eller restriksjoner.
<textarea name="feedback" maxlength="200"></textarea>
readonly
: readonly-attributtet, når det legges til <textarea>
-elementet, gjør feltet skrivebeskyttet, og forhindrer brukere fra å endre teksten. Det er nyttig når man viser forhåndsutfylt eller ikke-redigerbart innhold.
<textarea name="feedback" readonly>This content is read only.</textarea>
Eksempel
index.html
1. Hvilken inputtype brukes for å velge en dato?
2. Hvilket attributt brukes for å sette maksimalt antall tegn tillatt i et tekstinndatafelt?
3. Hvilket element brukes til å lage et flerlinjers inndatafelt?
4. Hvilket attributt brukes til å sette startverdien for et inndatafelt?
Takk for tilbakemeldingene dine!