Validare una form – Parte 3-1

Titolo: Validare una form – Parte 3-1
Sezione: web
Data: 09.11.2018

Styling Le pseudo classi CSS3 ci permettono di disegnare qualsiasi campo modulo in ...


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