#19598

Geri Reid - Forms best practice

Beaucoup de ressources pour les formulaires HTML.

PS : j’ai récemment découvert la pseudo-class « :focus-within », qui permet de cibler un élément dont un de ses fils est en :focus.

En gros, pour ça :

<label>Nom : <input type="text" /></label>

Et ça :

label:focus-within { background: red; }

Un focus sur le input va appliquer le fond rouge sur le label. Ça peut être pratique, et évite d’avoir à mettre de façon non-naturelle le label après le input, et utiliser le « input:focus+label » pour styler un label quand on focus sur le input.

https://gerireid.com/forms.html