Formular - Pflichtfeld wir eingerückt.

**quicksilver** · 08.01.2013, 13:15

Hallo ich habe eine Frage. Sobald ich bei einem Formular ein Feld als Pflichfeld setze, wird dieses eingerückt.

Kann mir jemand sagen warum?

Hier zu sehen an dem Feld "Ihr Name"

forum.jpg

es scheint wohl an dem Span Invisible und dem darin enthaltenen Text "Pflichtfeld" zu liegen!

Code:

<label for="ctrl_23" class="mandatory"><span class="invisible">Pflichtfeld</span> Ihr Name<span class="mandatory">*</span></label>

die Frage ist wie ich das am saubersten dort raus bekomme bzw das so hinbiege das es kein "platz" wegnimmt?

**MacGyer** · 08.01.2013, 16:55

Moin,

das lässt sich alles über CSS sauber regeln.

Code:

.invisible{
  display: none;
}

**CeeKay** · 08.01.2013, 17:46

Damit wäre der ursprüngliche Sinn von .invisible dann aber dahin. Zeig doch mal deine Seite, dann kann sich das mal jemand ansehen.

**MacGyer** · 08.01.2013, 18:40

Damit wäre der ursprüngliche Sinn von .invisible dann aber dahin.

Kannst du dies bitte begründen?

**CeeKay** · 08.01.2013, 18:51

Ich vermute jetzt einfach mal, dass der Hinweis "Pflichtfeld" für Nutzer assistiver Geräte (Screenreader) gedacht ist. Per display:none ausgeblendete Elemente werden aber auch von diesen ignoriert. Somit wäre das dann nur noch "Müll im Quelltext". Darum nutzt .invisible standardmäßig die absolute Positionierung mit negativer Verschiebung.

**MacGyer** · 08.01.2013, 18:54

Alles klar. Ja, es ist für assistive Geräte. Nicht alle Screenreader unterdrücken die Ausgabe, aber die Positionierung ist natürlich besser. Hatte ich grad so nicht aufm Schirm.

Die Frage ist, warum trotzdem die Einrückung passiert, wenn das Element absolut positioniert ist. Das könnte eventuell daran liegen, dass das Elternelement auch positioniert ist.

**quicksilver** · 08.01.2013, 19:31

Hey ja danke ich habe es mit dem

Code:

.invisible{
  display: none;
}

umgesetzt. Das reicht mir. Warum das "platz" weg genommen hat ist mir auch schleierhaft. Kann mir denn ggf. jemand sagen wie ich am besten dann die negative Verschiebung einsetze? Denn dann würde ich ggf. das Display None dadurch ersetzen!

**CeeKay** · 08.01.2013, 19:56

Du musst da nichts einsetzen, es ist die Standardmethode. Bei dir scheint es aber irgendwo zu klemmen, darum müsstest du zeigen, was du hast. Ohne Link zum Problem ist soetwas immer etwas schwierig.