Fehlermeldungen in Formularen stylen

In Formularen werden Fehler angezeigt, wenn benötigte Angaben nicht gemacht wurden oder Eingaben unpassende Zeichen enthalten. Mit folgenden CSS-Angaben kann das gestyled werden:

p.warn{
  background:#fff;
  border:1px solid #f00;
  width:300px;
  padding:5px;}
  b.warn,
  span.warnpos{
  color:#f00;}

Davon ausgehend könnt ihr natürlich alles machen, was CSS kann. So sieht der Produzierte Quelltext aus:

<p class="warn"><b class="warn">Fehler:</b><br/>
Nötige Eingaben fehlen: E-Mail.</p>

span.warnpos bezieht sich auf die Markierung der Felder, bei denen etwas gemacht werden muss. In dem Beispiel erfolgt die Markierung durch ein rotes '*', aber das ist natürlich frei.