Zum Inhalt springen

Formhandler Klasse für Standardwerte definieren

Erstellt am 14. Oktober 2011 · 2 Antworten · letzte Antwort am 19. Oktober 2011

Tags: Formhandler, JavaScript & AJAX, Frage

Unbekannter Benutzer ·

Moin an alle,

ich benutze Formhandler um ein Kontaktformular zu erzeugen.
In den Formular-Feldern sollen Standardwerte stehen (Name, Email, Nachricht) und diese Standardwerte sollen blassgrau sein. Wenn man dann reinklickt in das Feld soll der Standardwert gelöscht werden und die Farbe mit der man schreibt schwarz sein.

Also 2 Probleme:
Wie wrappe ich die Standardwerte in eine Klasse um sie mit CSS anzusprechen?
Hatte mir überlegt, im HTML des Formulars einfach schon <p class="GRAU">Standardwert</p> einzutragen, um die Standardwerte grau zu färben. Und wenn dann beim Klick das Feld leer wird die Tags und Klasse der Standardwerte dadurch mit gelöscht werden.
Und Standard-CSS für das Feld mit #000000;

Wie sage ich Typo, dass die Standardwerte gelöscht werden sollen, wenn man ins Feld klickt? Und bleibt der eingetippte Text bestehen, wenn ich zwischen den Felder hin- und herklicke, wenn man was vergessen hat?

preProcessors {
    1.class = Tx_Formhandler_PreProcessor_LoadDefaultValues
    1.config {
    1 {
      lastname.defaultValue = TEXT
      lastname.defaultValue.value = <p class="standard_wert">Name</p>
      email.defaultValue = TEXT
      email.defaultvalue.data = <p class="standard_wert">Email</p>
      nachricht.defaultValue = TEXT
      nachricht.defaultValue.value = <p class="standard_wert">Nachricht</p>
      }
    
  }
}

Das erzeugt mir "p class= standard_wert Name /p" im Feld Lastname und "TEXT" im Feld Email.

<input type="text" value="p class= standard_wert  Name /p" class="feld_input" id="lastname" name="formhandler[lastname]">

So sieht dann der HTML-Code aus...

MfG
Wenduros

spike2109 · · Beste Antwort

Wenn sich schon beim Reinklicken etwas verändern soll, musst du wohl Javascript einsetzen, weil dies alles Clientseitig läuft.

Unbekannter Benutzer ·

Hi spike,

wird das denn auf allen Webseiten clientseitig gemacht, dass wenn in einem Formular Standardwerte hinterlegt sind diese gleich weggehen, wenn man hineinklickt?

Also wie z.B. bei der Seite von der Deutschen Bahn, wenn man in die Felder von Start und Ziel hin- und herklickt werden dort auch die Standardwerte entfernt und wieder eingesetzt.

Bin dort jetzt auch mit den Web-Entwickler Tools drüber gegangen und hab Javascript deaktiviert und schon sind die Standardwerte weg. Also muss man dafür wohl wirklich Java verwenden, danke.

MfG
Wenduros