kostenloser Webspace werbefrei: lima-city


Leeren Felder bei Formularen Farbig machen

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    skateen

    skateen hat kostenlosen Webspace.

    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

    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.

    OK danke es geht..
    Kann man aber die Ecken irgendwie rund machen.
  5. 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.

    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. 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

    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.

    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. 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?

Über lima-city

Login zum Webhosting ohne Werbung!