PROJET AUTOBLOG


Shaarli - le hollandais volant

Site original : Shaarli - le hollandais volant

⇐ retour index

Geri Reid - Forms best practice

lundi 21 septembre 2020 à 20:04

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.


— (permalink)