Si vuole realizzare un form di contatto del tipo:

Contattaci

Nome:


Email:


Oggetto:


Messaggio:


Dichiaro di aver letto e accettato l’informativa sulla privacy
Invia

Inseriamo le varie etichette (name, oggetto, ecc) dentro un campo Label per inserire successivamente uno stile.

Utilizzeremo gli input di tipo text per il nome e l’oggetto, inserendo l’attributo required per dichiarare che sono obbligatori. Per il campo email, verrà utilizzato un input di tipo email, in modo che il browser faccia un primo controllo sulla correttezza dell’email. Per il messaggio, viene utilizzata una textarea. Ricordati che in un modulo di contatto c’è sempre bisogno di accettare l’informativa della privacy, e si inserisce per realizzare questa parte un input di tipo checkbox.

Praticamente, l’html per realizzare tale form è il seguente:

< html > < head> < meta charset="UTF-8"> < title>Form di contatto < /head> < body> < h1>Contattaci < form action="#" method="post"> < label for="nome">Nome:
< input type="text" id="nome" name="nome" required>

< label for="email">Email:
< input type="email" id="email" name="email" required>

< label for="oggetto">Oggetto:
< input type="text" id="oggetto" name="oggetto">

< label for="messaggio">Messaggio:
< textarea id="messaggio" name="messaggio" rows="5" required>

< input type="checkbox" id="privacy" name="privacy" required> < label for="privacy"> Dichiaro di aver letto e accettato l’informativa sulla privacy < /label> < button type="submit">Invia < / form> < /body> < /html>