bereits mit angezeigt. 8.8 Backgrounds: Formulare Formulare gibt es in HTML seit der ersten Sprachversion. In den zwanzig Jahren, die seitdem vergangen sind, hat sich jedoch die IT-Welt drastisch verändert. Und die Ansprüche von Anbietern und Anwendern an die Usability von Eingabemöglichkeiten sind stark gewachsen. In diesem Abschnitt soll noch ein Aspekt behandelt werden, der in jüngerer Zeit häufig nachgefragt wird. 8.8.1 Richtext-Eingaben Egal ob bei User-Kommentaren zu Blog-Artikeln oder im Content-Management-System für Redakteure einer Website: Immer wieder wird der Wunsch geäußert, Richtext oder Inhalte im WYSIWYG-Modus (WYSIWIG = What You See Is What You Get ) eingeben zu können. Anwender ohne HTML-Kenntnisse sollen in der Lage sein, Text einzugeben, in dem es definierte Überschriften und Textabsätze gibt, fette und kursive Textstellen, zentriert oder rechts ausgerichtete Absätze, eventuell auch Grafiken und vieles mehr. Ein gewöhnliches mehrzeiliges Eingabefeld kann diese Ansprüche nicht erfüllen. HTML5 führt jedoch eine Lösung ein, die auch prinzipiell in allen modernen Browsern funktioniert, da sie nicht wirklich neu ist, sondern auf einem Konzept von Microsoft basiert, das seit vielen Jahren existiert. Dieser Buchabschnitt stellt eine einfache Lösung für ein eigenes Richtext-Eingabefeld vor. Beispiel
Erläuterung Innerhalb des Dokumentkörpers ist ein Formular definiert. Es besteht aus einem hidden -Feld, einer ganzen Reihe von button -Elementen für die Steuerschaltflächen des Richtext-Editors, einem div -Element mit dem wichtigen Standalone-Attribut contenteditable und einer OK-Schaltfläche zum Absenden des Formulars. Bild 8.23: Einfacher Richtext-Editor im Einsatz Die button -Elemente sind die kleinen Steuerelemente oberhalb des Eingabebereichs. Der Eingabebereich selbst ist kein Formularfeld, sondern ein gewöhnliches div -Element. Editierbar wird es einfach durch Notieren des
Kostenlos Online Lesen 
