Textarea-Tag: Forskelle mellem versioner

Nuværende version fra 8. dec. 2022, 12:09

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:

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

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.

Webcode
JavaScript	Sekvens
PHP	Header - Include

Webdesign

@@ Linje 1: / Linje 1: @@
 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:
-<source lang="html4strict">
+<syntaxHighLight lang="html4strict">
 <textarea name="enTekst" cols="30" rows="10">
 Default indhold
 </textarea>
-</source>
+</syntaxHighLight>
 Dette resulterer i følgende visning i en browser:
@@ Linje 18: / Linje 18: @@
 Ved at tilknytte en [[event-handler]] til et textarea som vist her kan man arbejde med indholdet i tekst-feltet:
-<source lang="html4strict">
+<syntaxHighLight lang="html4strict">
 <textarea cols="30" rows="10" onKeyUp="indtast(this)">
 Default indhold
 </textarea>
-</source>
+</syntaxHighLight>
 Event-handleren ligger i funktionen indtast() der ser ud som følger:
-<source lang='javaScript'>
+<syntaxHighLight lang='javaScript'>
 function indtast(felt) {
 	var tekst = felt.value;
@@ Linje 32: / Linje 32: @@
 	document.getElementById("etFelt").innerHTML = lgd + " tegn<br />" + tekst;
 }
-</source>
+</syntaxHighLight>
 Koden tæller antal tegn i tekstfeltet, udskriver det og kopierer det ned i et felt under tekstfeltet.