Sie sind hier: Home > Tricks > Javascript > Formular nur mi...

Formular nur mit Großbuchstaben

Stand vom 11.07.2002
Mit JavaScript kann man die in ein Formular eingegebenen Zeichen leicht in die entsprechenden Großbuchstaben umwandeln.

 Linktipps
Werbung  GPS Navigation   Webhosting inkl. Domain   AWD Erfahrung

Der Trick wird durch die Funktion toUpperCase() möglich gemacht. Diese wandelt die Zeichen in ihre entsprechenden Großbuchstaben um. Andersherum wandelt die Funktion toLowerCase() die Zeichen in Kleinbuchstaben um.
Sobald man folgende Eingabefelder mit dem Mauszeiger verlässt wird durch den Eventhandler onChange="" und die JavaScript-Anweisung this.value=this.value.toUpperCase(); die Zeichen in Großbuchstaben umgewandelt.

In Großbuchstaben:
<input type="text" size=40 value="" onChange="javascript:this.value=this.value.toUpperCase();">

In Kleinbuchstaben:
<input type="text" size=40 value="" onChange="javascript:this.value=this.value.toLowerCase();">

Das klappt natürlich mit jedem anderen Formularfeld, in welches Texte eingegeben werden können. (tf)