Mission

Mission : un formulaire qui doit se surveiller lui-même

Utiliser :has() pour remplacer une logique JavaScript de validation visuelle et choisir correctement entre :is() et :where().

Contexte

Sur inscription.css, un script JavaScript ajoute/retire actuellement une classe .champ-erreur sur le conteneur .champ dès qu'un <input> interne devient invalide, uniquement pour changer sa bordure en rouge. L'équipe veut supprimer ce script devenu inutile. Par ailleurs, le bouton d'envoi du formulaire doit rester visuellement désactivé (opacity: 0.5) tant que la case à cocher #cgu n'est pas cochée.