7.20 Designbeispiel: ein Login-Formular

Das Web ist voll von Login-Formularen; beispielsweise wenn Sie Ihre E-Mail über das Web lesen, bei Amazon.de Bücher bestellen und selbst bei der Online-Bezahlung Ihrer «Knöllchen».

Für den Benutzer sind nur wenige Teile des Formulars sichtbar: der Submit-Button für das Eingabefeld sowie die Felder für Benutzername und Passwort und deren Beschriftungen. Sie sehen hier den Markup-Code für das Formular, das mit Stildefinitionen versehen werden soll (in Abbildung 7-30 sehen Sie das Eingabefeld ohne Stildefinitionen):

<form action="login.php" method="post"> <label for="uname">Benutzername</label> <input type="text" name="uname" id="uname" value="" /><br /> <label for="pword">Passwort</label> <input type="text" ...

Get CSS Kochbuch now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.