Label-Element / input umschließen? display:block?

[Gunnar Bittersmann]

@@Gunther:

nuqneH

Dann solltest du aber auch explizit erwähnen, dass das Label Element dann zwingend ein for Attribut braucht, dessen Wert mit dem des id Attributs des zugehörigen Input Elements übereinstimmt.

Als hätte ich’s geahnt! ;-)

Außerdem ermöglicht 1), mit CSS auf Änderungen des input zu reagieren (:checked, :valid, :invalid).

Inwiefern sollte/ muss man da bei dem jeweiligen Label Element drauf reagieren können?
Das Input Element ist doch dasselbe ...!

<label for="my-input">Label</label>  
<input id="my-input"/>  
<p class="input-hint">Hinweis, was in das Eingabefeld rein soll</p>

input:valid + .input-hint { visibility: hidden }  

Das kriegst du mit

<label for="my-input">Label  
  <input id="my-input"/>  
</label>  
<p class="input-hint">Hinweis, was in das Eingabefeld rein soll</p>

nicht hin, weil input und p keine Gewschister sind.

Qapla'