C S S Formular;I.

EinleitungStandardJavaScript I. JavaScript II.HTML I. HTML II.CSS I.Technik


CSS-Formular I.

Zunächst das Beispiel, unterhalb dann Erklärung/Quelltext:


Ihr Feedback für die Mouseover-Seite
  Name Email


Die Note :      

   
www.on-mouseover.de - Mouseover-Effekte und Homepagevorlagen



Die CSS-Anweisungen geben den Formularelementen endlich Farbe.

Dem Absende-Buttons und dem Lösch-Button wurde hier noch ein Mouseover spendiert, d.h. beim Überfahren mit der Maus ändern diese Buttons ihre Farbe. Ausserdem erscheint dann auch das Hand-Symbol statt des sonst üblichen Pfeil-Symbols.

Beispiel: Absende-Button.



Gleich beim Laden der Seite erhält das erste Eingabefeld (Dein Name) einen Fokus. Man muss also nicht erst zur Eingabe in das Feld hineinklicken, sondern der Cursor blinkt bereits an dieser Stelle.

Falls Du bereits einige Klicks auf der Seite gemacht hast, ist der Fokus weg. Wenn Du es nochmal prüfen möchtest, drücke bitte auf aktualisieren .

Realisiert wird das Fokussieren durch die folgende kleine JavaScript-Funktion:



Diese Funktion wird gestartet durch deren Aufruf innerhalb des "body-Tags" :



So sieht der Quelltext aus (komplette HTML-Seite):


weiter »




    © www.on-mouseover.dezurücknach oben