Gunnar Bittersmann: neuer Artikel: Label inside (1. Entwurf)

Beitrag lesen

@@Gunnar Bittersmann:

nuqneH

man muss hinter den Text (hier "Label inside") klicken, um etwas eingeben zu können. Ein Klick auf den Text bewirkt nichts.
Ich hatte das Problem schon mal, kann micht aber nicht mehr erinnern, was ich zu dessen Lösung getan hatte oder ob es sich „von selbst“ erledigt hatte.

Und da fiel’s mir wie Schuppen aus den Haaren:
Hat das Label ein @for-Attribut passend zur ID des Eingabefelds, dann fokussiert der Click aufs Label das Eingabefeld. Problem gelöst.

Hab es jetzt mit Positionierung und transparentem Hintergrund fürs Eingabefeld gelöst.

Das kann dann wieder raus. Allerdings sollte .labelinside label { cursor: inherit } gesetzt werden (auch wenn’s drin bleibt: für IEs, bei denen es keine Wirkung zeigt). Aber mal überlegen, ob ich’s trotzdem drin lasse, damit es (außer im IE) auch ohne IDs und @for funktioniert.

Qapla'

--
Volumen einer Pizza mit Radius z und Dicke a: pi z z a