Ed eccoci tornati al nostro codice html e css!! 😉

Oggi vi mostrerò come applicare lo stile css a un form html.

Negli articoli precedenti avevamo già imparato insieme il codice html, ma è arrivato il momento di applicare un po’ di stile e di colore! 😉

Nell’esempio sottostante potete vedere un form per inviare messaggi all’utente (usato in particolare nella sezione contatti dei siti web):


1

Da come potere vedere dall’esempio il codice html non è molto, sono veramente poche righe di codice.

Al contrario, il codice css è molto più consistente (ma i risultati si vedono)! 😉

FOCUS SUI CAMPI

Un form è ancora più intuitivo quando aiuta l’utente a compilare i campi.

Per far sì che questo avvenga è importante utilizzare lo pseudo elemento :focus.

L’evento focus si attiverà nel momento in cui l’utente cliccherà su un campo rendendolo “attivo” e di conseguenza compilabile (ad esempio Cognome Nome) evidenziandosi di un colore (nel mio esempio il colore è il rosa)!

Any questions? 🙂




Add Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.