Textarea-Tag

Fra Kommunikation-IT Holstebro HTX
Skift til: navigering, søgning

Textarea er et HTML-tag der anvendes til at indlæse større tekstmængder i et Form-Tag

Et textarea-tag angives som følger:

<textarea name="enTekst" cols="30" rows="10">
Default indhold
</textarea>

Dette resulterer i følgende visning i en browser:

Js textarea.PNG

Koden kan hentes i en ZIP-fil her som textarea.html.

Anvendelse af javaScript i textarea

Ved at tilknytte en event-handler til et textarea som vist her kan man arbejde med indholdet i tekst-feltet:

<textarea cols="30" rows="10" onKeyUp="indtast(this)">
Default indhold
</textarea>

Event-handleren ligger i funktionen indtast() der ser ud som følger:

function indtast(felt) {
	var tekst = felt.value;
	lgd = tekst.length;
	document.getElementById("etFelt").innerHTML = lgd + " tegn<br />" + tekst;
}

Koden tæller antal tegn i tekstfeltet, udskriver det og kopierer det ned i et felt under tekstfeltet.

Koden kan hentes i en ZIP-fil her som textarea2.html.