Validare una form – Parte 3-1

Styling Le pseudo classi CSS3 ci permettono di disegnare ...

Styling
Le pseudo classi CSS3 ci permettono di disegnare qualsiasi campo modulo in base al suo stato. Loro sono:

• :in-range
• :out-of-range
• :read-only
• :read-write
• :valid
• :invalid
• :required
• :optional

Ciò significa che puoi avere i campi obbligatori in un modo, quelli opzionali e così via. Nella nostra demo abbiamo combinato i selettori “valid” e “non valid” con la pseudo classe “focus” per colorare i campi modulo rosso o verde quando l’utente li seleziona e inizia a digitare.

input:focus:invalid,
textarea:focus:invalid{
    border:solid 2px #F4081F;
}

input:focus:valid,
textarea:focus:valid{
    border:solid 2px #17E018;
    background-color:#fff;
}

Kenji Agency : creazione  siti web a Treviso