kostenloser Webspace werbefrei: lima-city

Leeren Felder bei Formularen Farbig machen

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   skateen

   skateen hat kostenlosen Webspace.

   20:36, 12.1.2013

   Hey, ich hab mal so eine Frage, ich will so ein Butten und die Leeren Felder bei Formularen Farbig machen, bzw runder machen.
   
   Kann mir Jemand helfen. CSS

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. g****e

   22:09, 12.1.2013

   Mittels CSS kannst du es entweder mit dem Pseudoelement :empty probieren, also
   

   input:empty {}

   
   Oder, wenn das nicht geht, könntest du auch das ganze mittels :valid machen:
   

   input:valid {}

   
   

   <input required="required" type="text" />

   
   Das wäre dann auf HTML5 Basis.
   
   Ob ersteres geht weiß ich nicht, aber zweiteres sollte eigentlich gehen.
   
   Liebe Grüße
4. Autor dieses Themas

   skateen

   skateen hat kostenlosen Webspace.

   21:52, 19.1.2013

   OK danke es geht..
   Kann man aber die Ecken irgendwie rund machen.

5. chatter

   

   chatter hat kostenlosen Webspace.

   23:05, 19.1.2013

   border-radius: 10px;

   
   
   Das geht mit den meisten anderen Elementen auch.
   
   Google hätte dir das übrigens auch gezeigt.
   
   Beitrag zuletzt geändert: 19.1.2013 23:05:50 von chatter

6. jogginggruppe

   jogginggruppe hat kostenlosen Webspace.

   16:31, 20.1.2013

   Damit die runden Ecken auch in allen Browser angezeigt werden, sollte im CSS das Vendor-Prefix für Webkit-Browser verwendet werden, also:
   
   

   -webkit-border-radius: 10px;
   border-radius: 10px;

7. msck

   msck hat kostenlosen Webspace.

   16:13, 24.1.2013

   Ich weiß nicht ob man sich in solchen Fällen auf HTML5 verlassen sollte,
   die älteren Browser unterstützen das ja leider nicht :/
   Am besten wäre natürlich PHP, das Skript würde auch nicht schwer sein.
   Man benutzt dazu die Funktion empty(); .

8. m**********n

   18:11, 24.1.2013

   msck schrieb:
   Ich weiß nicht ob man sich in solchen Fällen auf HTML5 verlassen sollte,
   die älteren Browser unterstützen das ja leider nicht :/
   Am besten wäre natürlich PHP, das Skript würde auch nicht schwer sein.
   Man benutzt dazu die Funktion empty(); .

   
   Das ist leider Bullshit, weil das ganze clientseitig ablaufen soll. Das heißt, PHP hat hier nichts zu suchen.
   
   Lg
   mator
   
   Beitrag zuletzt geändert: 24.1.2013 18:11:31 von mator-kaleen

9. jogginggruppe

   jogginggruppe hat kostenlosen Webspace.

   18:13, 24.1.2013

   PHP kann die Formularfelder ja nur vor dem Anzeigen im Browser markieren, zur Verbesserung der UX wäre es besser, wenn während der Anzeige im Browser die Felder validiert und entsprechend markiert werden. Wer hier noch nicht auf HTML5 und CSS setzen möchte, kann das auch mit JavaScript lösen, indem auf die Formularfelder ein onchange-Eventlistener gebunden wird und die aufgerufene Funktion dann die Länge des value-Attributs prüft.
   
   Wer möchte kann so auch das Versenden des Formulars blocken, bis alle Pflichtfelder richtig ausgefüllt sind.
   
   (Man kann übrigens auch beide Varianten (HTML5 und JS) kombinieren und so eine Fallback-Lösung für "ältere" Browser bereitstellen)

10. timebandit

    timebandit hat kostenlosen Webspace.

    4:39, 29.1.2013

    Zu Beachten ist allerdings die CSS-Interpretation des IE.
    Für die verschiedenen Versionen des IE würde ich eine seperate CSS empfehlen.
    
    mfg,
    timebandit

11. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?