Sie sind hier:
Startseite
» CSS-Tutorials » Formularelemente
Formularelemente
Formulare sind ein oft gebrauchter Bestandteil von Webseiten. Wie man diese durch Formatierung von Formularelementen, wie Schaltflächen, Input-, Listen- oder Textfeldern, Kontrollkästchen, Radiobutton, PopUp-Menüs usw. etwas aufpeppen kann, können Sie hier sehen und gleichzeitig testen! Unter
Editieren öffnet sich unser Editierfeld mit dem jeweiligen Beispiel. Hier können Sie selbst verschiedene Effekte ausprobieren.
Hier werden die sog. Event-Handler (Ereignisbehandler)
onBlur (beim Verlassen) und
onFocus (beim Aktivieren) mit CSS formatiert und geben der Schaltfläche und dem Inputfeld einen farbigen Hintergrund. Gleichzeitig sehen Sie bei der Schaltfläche einen RollOver-Effekt, der beim IE und NC (ab Vers. 6.0) funktioniert!
Editieren
Auf Formular-Elemente lassen sich Style-Definitionen genau so anwenden, wie sie z.Bsp. unter "Rahmen", "Hintergrund" oder "Text" aufgezeigt sind. Wer will, kann sogar die Scrollbalken entfernen! Dadurch erhält das nebenstehende Textfeld das Aussehen einer Tabelle. Sie können jedoch Text eingeben!
Editieren
Kontrollkästchen (Checkbox) und Optionsfelder (Radiobutton) lassen sich durch CSS mit Hintergründen und Rahmen verschönern, wobei farbige Styles nur im IE sichtbar sind.
Editieren
Nach oben springen..
