Antworten zum Thema „Gedanken zu Formularen und Probleme damit (Prüfung, Voreingaben, Styling)“

[Sukrams]

Hallo,

ich habe bei einer Website für einen Kumpel, die ich gerade neu mache, bei den Formularen einige HTML5-Attribute wie url genutzt.

Mittels CSS passe ich auch das Styling bei Pflichtfeldern und korrekten/inkorrekten Angaben an. Soweit ist das kein Problem.

Allerdings gefällt mir die Darstellung nicht. Ich habe via background einen Haken bei korrekten Eingaben und ein X für falsche eingebunden, diese erscheinen allerdings sofort, ist es möglich, dass die erst erscheinen, sobald eine Eingabe getätigt wurde?

realisiert ist das aktuell via

input:valid {...}

bzw. invalid. Was mir vorschwebt: Ich gebe da meine Werte in die Formulare ein und erst mit der Eingabe, bzw. danach erscheint der Haken bzw. das X.

Dann wäre da der zweite Punkt: beim type="url" muss ja das http:// davor stehen, da auch nicht so versierte Besucher die Website besuchen, würde ich gerne das http:// schon davor einfügen lassen, sobald man ins Feld klickt und eine Eingabe macht. Wie kann ich das umsetzen?

Edit: Habe da jetzt weiter getüftelt und eine Lösung gefunden.

Die Anzeige, ob die Eingabe korrekt ist, habe ich jetzt mit der Pseudoklasse :focus hinzugefügt.

Viele Grüße
Markus