Für Textareas kann man per HTML keine maximale Eintragslänge festlegen.
Man kann aber mit Javascript prüfen, wie viele Zeichen eingetragen wurden und darauf reagieren.
Hier der Quelltext:
function zaehlen() { max = 25; anz = document.formular.areal.value.length+1; document.formular.anzeige.value = max - anz; if(anz >= max){ alert("Maximum erreicht !!!"); } }
Für die Farbänderung wird das Script so erweitert :
function zaehlen() { max = 25; anz = document.formular.areal.value.length+1; document.formular.anzeige.value = max - anz; if(anz >= max){ alert("Maximum erreicht !!!"); document.getElementById("areal").style.color="#ff0000"; } else if(anz < max) { document.getElementById("areal").style.color="#00c000"; } }
Und der Quelltext für das Formular :
<form name="formular" onKeypress="zaehlen()" onKeydown="zaehlen()"> <textarea name="areal" id="areal" rows="4" cols="40" style="color:#00c000"></textarea><br> max. Anzahl Zeichen : <input type="text" name="anzeige" size="3"> </form>
Ein Beispiel :
Zufriedenstellend getestet mit IExplorer 5.5, Netscape 6.0, Mozilla 1.1 und Opera 6.0, wobei Opera die Farbänderung nicht durchführt.