HTML / HTML 5 - Die neuen Input-Elemente 1 2 3

von: Werner Zenk

• CSS Unterstützung in HTML5
Fehleingaben mit CSS hervorheben für Input type="url" und
Input type="email"

<style type="text/css">
  :invalid {
  color: #EE0000;
}
  :valid {
  color: #000000;
}
</style>

Anzeige einer fehlerhaften URL:

Opera 9 (beim absenden des Formulars)

Firefox 4 (bei der Formulareingabe)

Weitere CSS Angaben:

<style type="text/css">
:required {
 outline: solid 1px #00FF00;
}

:optional {
 outline: solid 1px #0000FF;
}
</style>

Mehr dazu unter: http://www.whatwg.org/

Siehe auch:

Der Input-Tag

Die neuen Input-Elemente (2)

Das könnte Sie interessieren:

Bild als HTML-Button - Bild als HTML-Button, Bild als Submit-Button, und um eine JavaScript-Funktion zu starten.

1536 - Farben - Farbtabelle

Frameset Vorlagen (3)

Alternativtext - Beim Attribut alt= geben Sie einen Alternativtext an, für den Fall, dass die Grafik nicht angezeigt werden kann. Der Alternativtext dient auch zur Information...

Bilder nebeneinander stellen - Mit Hilfe einer HTML-Tabelle können Sie sehr einfach Bilder nebeneinander oder untereinander stellen.

Aufzählungslisten (und Nummerierte Listen) mit HTML und CSS formatieren

Verzeichnis (Ordner) verlinken!

Checkboxen selektieren

Marquee und Blink

Hyperlinks und Verweise

Bildschutz (2)

Erweiterte Farbnamen

Die optimale Schriftart - Im Web gibt es einige Schriftarten die sich auf den meisten Browsern darstellen lassen. …mehr