Bernhard (Berlin): Automatische Großschreibung im INPUT-Feld (wie?)

Wie kann ich in einem INPUT-Field bei HTML erreichen, dass alle eingegebenen Buchstaben in Großbuchstaben umgewandelt werden ?
Muss ich dazu ein Script verwenden, was nach der Eingabe die Umwandlung vornimmt ?

Gruß aus Berlin

  1. Hallo Bernhard,

    Wie kann ich in einem INPUT-Field bei HTML erreichen, dass alle eingegebenen Buchstaben in Großbuchstaben umgewandelt werden ?
    Muss ich dazu ein Script verwenden, was nach der Eingabe die Umwandlung vornimmt ?

    wenn du es umwandeln willst kannst du javascript (toUpperCase()[1]) oder (besser) serverseitig z.B. php (strtoupper()[2]) verwenden.

    Grüße aus Nürnberg
    Tobias

    [1] http://selfhtml.teamone.de/javascript/objekte/string.htm#to_upper_case
    [2] http://www.php.net/manual/de/function.strtoupper.php

    1. Danke. Erst mal ein schöner Einstieg. PHP scheint mir aber schlechter, weil der Benutzer das Formular erst abschicken muss. Der Benutzer soll sehen, was passiert.
      Gibt es denn auch wa, wo man jedes Zeichen gleich groß machen kann während der Eingabe (wie man das z.B. bei Unix gewohnt ist)? Würde der event "keyup" (oder wie der heisst) was nützen. Kommt man in javascript an das letzte getippte Zeichen ran?

      wenn du es umwandeln willst kannst du javascript (toUpperCase()[1]) oder (besser) serverseitig z.B. php (strtoupper()[2]) verwenden.

      1. Hallo Bernhard,

        PHP scheint mir aber schlechter, weil der Benutzer das Formular erst abschicken muss. Der Benutzer soll sehen, was passiert.

        mhh... wenn du meinst.

        Gibt es denn auch wa, wo man jedes Zeichen gleich groß machen kann während der Eingabe

        was soll das eigentlich für einen Sinn haben?

        (wie man das z.B. bei Unix gewohnt ist)?

        ?

        Würde der event "keyup" (oder wie der heisst) was nützen.

        onkeyup heißt der. man kann z.B. sowas machen:
        <input type="text" size="30" name="Eingabe"
          onKeyup="this.value=this.value.toUpperCase();this.form.Eingabe.focus()">
        was aber den Nachteil hat, das man die Sachen Rückwärts eingeben muss, da er bei jedem Zeichen an den Anfang des Feldes springt :-) (das habe ich aus http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm#onkeyup und http://selfhtml.teamone.de/javascript/objekte/string.htm#to_upper_case zusammengebastelt :-))

        Kommt man in javascript an das letzte getippte Zeichen ran?

        nicht das ich wüßte (was nicht viel heißt :-))

        Grüße aus Nürnberg
        Tobias

  2. Hi,

    Wie kann ich in einem INPUT-Field bei HTML erreichen, dass alle eingegebenen Buchstaben in Großbuchstaben umgewandelt werden ?

    am elegantesten würde ich es finden, clientseitig die Eingabe mit CSS groß darzustellen (text-transform:uppercase;)
    UND sie serverseitig in der Skriptsprache Deiner Wahl in Großbuchstaben umzuwandeln.

    Schönen Gruß

    Rainer