|
|||
Formulare: leere Pflichtfelder
Hallo,
ich arbeite zum ersten mal mit den HTML-5-Features für Formulare. Die Eingabefelder sollen unterschiedlich dargestellt werden, je nach dem, ob es ein Pflichtfeld ist, oder nicht. Und Wenn es ein Pflichtfeld ist, dann soll angezeigt werden, ob es gültig oder ungültig gefüllt oder ganz leer ist. Dazu benutze ich die Pseudo-Klassen :required, :invalid und :valid: HTML-Code:
input:required, textarea:required { background: transparent url(../images/basics/input_required.png) right center no-repeat; } input:required:valid, textarea:required:valid { background: transparent url(../images/basics/input_validated.png) right center no-repeat; } input:required:invalid { background: transparent url(../images/basics/input_invalid.png) right center no-repeat; } Hat jemand eine Idee, wie ich das in CSS angehen kann/muss? Danke im Voraus Martin |
Sponsored Links |
|
|||
Schreibe doch einfach etwas rein dass du beim anklicken gelöscht wird.
ist der Text zB. "*notwendig" enthalten dann diese Farbe ansonsten deine Regelung PHP-Code:
|
Sponsored Links |
|
||||
Zitat:
Die Problematik, die du beschreibst kannst du leider nur mit JavaScript lösen indem einem Feld, das leer ist. Eine Klasse hinzugefügt wird. dann könntest du CSS-Regeln wie z.B. "input.empty:required:invalid" nutzen Ein anderer Weg ist mir gerade nicht bekannt.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
|
|||
JS wollte ich eigentlich gerade vermeiden, aber fürchte auch, dass sich das nicht anders darstellen lässt.
Apropos darstellen. Die erste Lösung von gabischatz fällt aus. Es geht mir ja darum, dass ein entsprechendes Icon als Hintergrundbild im Eingabefeld erscheint. Vorgabetext werde ich evtl. sowieso zusätzlich noch haben. Sei es als Standardwert (mit value) oder als Beispielwert (dann mit placeholder). |
|
|||
Ja, so ist es. Das meinte ich mit "was im Grunde ja auch richtig ist". Es ist aus Benutzerführungssicht aber angenehmer, den Benutzer nicht gleich das leere Formular mit lauter "Fehlericons" anzuzeigen, sondern lieber mit dem freundlicheren Hinweis, er möge die Pflichtfelder ausfüllen.
Also werde ich JS zu Hilfe nehmen. Danke für euren Input. |
|
|||
Prüfst du die Felder mit JS vor dem versenden ?oder prüfst du die Felder mit php auf dem Server?
Mit Letzterem kannst du die Ausgabe beeinflussen ohne das du JS nutzt. |
|
||||
PHP ist hierbei natürlich eh Pflicht, denn andernfalls wird u.U. ein leeres Formular abgeschickt. Ich verstand sein Vorhaben nur so, dass direkt während des Ausfüllens (d.h. vorm Abschicken) reagiert wird, genauso wie die HTML5/CSS3-Variante es eben auch tut, nur dass er diese eben um eine Unterscheidung zwischen ungültig ausgefüllt und leer erweitern will (und das geht eben nur per JS).
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
Stichwörter |
css, form, validation, validierung |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Komplexe Formulare: Aufbau, Sicherheit etc. | David | Serveradministration und serverseitige Scripte | 2 | 23.02.2011 14:19 |
Cakephp's Formulare zentrieren | hailander | CSS | 1 | 28.09.2010 00:37 |
Formularfeld für mehrere Formulare nutzen? | derMatze | (X)HTML | 4 | 02.09.2009 19:54 |
Leere Tabellenzeilen verstecken? | akb | CSS | 2 | 29.10.2006 17:37 |
Pflichtfelder barrierefrei markieren | Xavier | Barrierefreiheit | 15 | 24.06.2006 01:19 |