mozilla
Vos résultats de recherche

    :valid

    Résumé

    La pseudo-classe CSS :valid représente tout élément <input> ou <form> dont la validation du contenu s'effectue correctement en regard du type de donné attendu. Ceci permet de donner aisément une apparence aux champs de formulaire correctement remplis par l'utilisateur.

    Exemples

    Cet exemple présente un formulaire dont les éléments se colorent en vert lorsqu'ils sont valides et en rouge lorsqu'ils sont invalides.

    Contenu HTML

    <form>
      <label>Entrez une URL :</label>
      <input type="url" />
      <br />
      <br />
      <label>Entrez une adresse courriel :</label>
      <input type="email" required/>
    </form>

    Contenu CSS

    input:invalid {
      background-color: #ffdddd;
    }
    
    form:invalid {
      border: 5px solid #ffdddd;
    }
    
    input:valid {
      background-color: #ddffdd;
    }
    
    form:valid {
      border: 5px solid #ddffdd;
    }
      
    input:required {
      border-color: #800000;
      border-width: 3px;
    }

    Spécifications

    Spécification Statut Commentaire
    WHATWG HTML Living Standard
    La définition de ':valid' dans cette spécification.
    Standard évolutif Aucun changement.
    HTML5
    La définition de ':valid' dans cette spécification.
    Recommendation Définie l'association sémantique concernant HTML et les contraintes de validation.
    Selectors Level 4
    La définition de ':valid' dans cette spécification.
    Version de travail Aucun changement.
    CSS Basic User Interface Module Level 3
    La définition de ':valid' dans cette spécification.
    Version de travail Définie la pseudo-classe, mais pas son association sémantique.

    Compatibilité des navigateurs

    Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Support de base 10.0 4.0 (2) 10 10.0 5.0
    Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    Support de base ? 4.0 (2) Pas de support 10.0 5.0

    Voir également

    Étiquettes et contributeurs liés au document

    Contributors to this page: tregagnon, teoli, FredB
    Dernière mise à jour par : FredB,