Come Creare un Questionario in HTML

Se vuoi raccogliere dati o feedback dai visitatori del tuo sito web, crea un questionario usando HyperText Markup Language (HTML). Il tuo questionario può contenere una varietà di metodi di input, da pulsanti radio a caselle di controllo a elenchi a discesa. Dopo che l'utente ha compilato il questionario, ricevi le risposte nella tua casella email.

Passaggio 1

Apri il documento HTML in cui vuoi inserire il questionario in Blocco note, l'editor HTML integrato del tuo host web, o l'editor HTML che preferisci. Se stai iniziando una nuova pagina web, crea un nuovo documento TXT, poi inserisci i tag base:

<html>
<head><title>Titolo pagina web</title></head>
<body>
</body>
</html>

I tag form che creerai andranno tra i tag di apertura e chiusura <body>. Quando completi il questionario, salva il documento come HTM o HTML, poi aprilo in qualsiasi browser web per visualizzare l'anteprima.

Passaggio 2

Inserisci il tag <form>. Tutte le tue domande e tag andranno tra questi due tag. Ogni tag dovrebbe contenere un attributo "name", come <input name="email">. Così che le risposte al questionario vengano inoltrate al tuo indirizzo email, il tuo <form> tag dovrebbe includere method="post" e action="mailto:tuo@email.com".

Passaggio 3

Usa il tag <input type="text"> per creare un campo di input su una riga in cui gli utenti possono digitare le risposte. Ad esempio, se vuoi chiedere chi ha indirizzato l'utente al tuo sito, il codice sarà così:

<input type="text" name="referrer" size="30">

Passaggio 4

Usa il tag <input type="radio"> per creare pulsanti radio. Con i pulsanti radio, l'utente può selezionare solo un'opzione. Ogni input nel set di pulsanti radio dovrebbe avere lo stesso name, ma attributi value unici. Ad esempio, per chiedere se i visitatori hanno apprezzato il tuo sito:

<input type="radio" name="enjoy" value="yes"> Sì
<br>
<input type="radio" name="enjoy" value="no"> No

Il tag <br> crea un'interruzione di riga sulla pagina web, poiché HTML da solo non riconosce lo spazio bianco.

Passaggio 5

Usa il tag <input type="checkbox"> per creare caselle di controllo. A differenza dei pulsanti radio, l'utente può selezionare più caselle in un set. Proprio come i pulsanti radio, ogni opzione nel set dovrebbe condividere lo stesso name ma avere value unici. Ad esempio, per chiedere al visitatore di suggerire funzionalità per il tuo sito:

<input type="checkbox" name="features" value="pictures"> Più immagini!
<br>
<input type="checkbox" name="features" value="links"> Più link!
<br>
<input type="checkbox" name="features" value="content"> Più contenuti!

Passaggio 6

Usa i tag <select name="name"> e </select> per creare un elenco a discesa da cui l'utente può scegliere solo un'opzione. Per ogni opzione nella lista, crea un set separato <option> e </option> tra i tag di apertura e chiusura <select>, e dai a ogni <option> un attributo value unico. Ad esempio, per chiedere al visitatore di scegliere quale parte del sito ha preferito:

<select name="favorite">
<option value="colors" selected>I colori.</option>
<option value="photos">Le fotografie.</option>
<option value="music">La musica.</option>
</select>

Poiché l'opzione "colors" ha l'attributo selected, sarà la selezione predefinita.

Passaggio 7

Usa il tag <input type="submit"> per creare un pulsante invio. Quando l'utente clicca questo pulsante, le informazioni inserite verranno inoltrate a te, a seconda del metodo di recupero specificato nel tag <form> di apertura.