Dem Kunsi sein Blog

Ich habe heute einige neue HTML5-Features im Blog eingepflegt.

Das für den Besucher offensichtlichste ist das neue Design der Formularfelder. Alle Eingabefelder sind nun größer und haben einen schickeren Rahmen erhalten. Die dazu passenden "Titel" (<label>-Elemente) befinden sich nun direkt oberhalb des Eingabefeldes und nicht mehr links daneben.

Weiterhin wird in Browsern, die HTML5 bereits unterstützen, die Formularvalidierung direkt im Browser durchgeführt. Dies ist durch neue Eingabefeldtypen, wie "url" oder "email" möglich. Benötigte Eingabefelder wurden mit dem required-Attribut ausgestattet und grafisch durch einen orangenen Stern kenntlich gemacht. Sobald das Eingabefeld ausgewählt wird, verwandelt sich der Stern in ein rotes Kreuz , wenn die EIngabe ungültig ist, oder einen grünen Haken , wenn die Eingabe gültig ist.

Soweit mir bekannt, funktioniert diese Art der Validierung derzeit nur in Webkit-Browsern (Google Chrome und Apple Safari).

Wen die genaue Realisierung interessiert, der kann sich gerne das Formular-CSS ansehen.

Auch im Administrationsbereich wurden die Eingabefelder entsprechend geändert. Das Eingabefeld für Blogposts ist nun nahezu eine ganz Bildschirmseite hoch und erlaubt mir dadurch, nahezu jeden Post ohne Scrollen zu verfassen oder zu editieren.