Kontaktformular Hilfe bei bearbeitung

[JoeyConta3]

Hallo an alle

Ich bräuchte eine kleine Hilfestellung bei der Bearbeitung des Kontaktformulars

Die Felder die nicht ausgefüllt wurden sollen Rot umrandet werden wir warscheinlich irgenwas mit activ oder (input[type="error"]) im selektor sein aber ich komm nicht genau darauf

Hier ein Bild für die Vorstellung


Rot.png


Die Felder mit Pfeilen sollten Rot umrandet werden


Für die Fehlermeldung benutzt ich zurzeit den Selektor :

#main p.error

[magicsepp]

das ist ein Browser feature unter html5 ...

[Der Astronaut]

Für mich sieht das eher nach der Standard-Fehlermeldung per POST, also nach Klick auf den senden-Button, aus (sofern ich mich nicht irre).

Wenn dem so ist, dann erhalten die INPUTs, TEXTAREAs, SELECTs etc. die Klasse "error", die man wunderbar über CSS formatieren kann:

input.error, textarea.error, select.error {
    border: 1px solid #f00;
}

Unter HTML5 kannst du in CSS u.a. die Pseudklasse :invalid nutzen, um zu formatieren.

[JoeyConta3]

Danke funktioniert gut