Kontaktformular Hilfe

[visio]

Ich hätte ein paar Wünsche zu einem Kontaktformular, weiß aber nicht genau wie es umsetzen könnte.

Hier ein Beispiel Bild.



Uploaded with


In den Eingabefeldern soll die Bezeichnung des Feldes schon drin stehen. Sobald man in ein Feld reinklickt, verschwindet die Bezeichnung, das Feld wird weiß und man kann seinen Vornamen eintragen (siehe erstes Eingabefeld Mustermann).

Zweitens würde ich gerne nach dem Klick auf den "senden" Button keine neue Seite laden, sondern einfach eine Sendebestätigung in Textform anzeigen lassen. Wäre auch gut zu wissen, wie man die Felder prüfen lassen kann, ob z.B. die E-Mail-Adresse richtig eingetragen wurde.

Gibt es dazu eventuell ein fertiges Script?

 

[Pascal Bajorat]

AW: Kontaktformular Hilfe

Hi,
also zu so einem Kontaktformular mit Validation gibt es ein Tutorial von mir:



--------

Über HTML5 kannst du diese Platzhalter einfach über das Attribut placeholder="Platzhalter" in die input Felder setzen

 

[visio]

AW: Kontaktformular Hilfe

Perfekt, danke Dir.

Eine Frage habe ich noch, ist es möglich beim reinklicken in ein Feld mit dem Platzhalter Text das sich die Farbe des Feldes ändert?

 

[Pascal Bajorat]

AW: Kontaktformular Hilfe

Ja klar über CSS:

input:focus{ hier die Angabe wie das Feld aussehen soll wenn man es bearbeitet, also darin schreibt.}

Beispiel:

input:focus{border-color:#f00;}

 

[visio]

AW: Kontaktformular Hilfe

Super, danke nochmal.