Come fare un questionario in formato HTML

December 15

Come fare un questionario in formato HTML


Se si desidera raccogliere dati o il feedback da parte dei visitatori del tuo sito web, creare un questionario utilizzando linguaggio di markup ipertestuale (HTML). Il vostro questionario può contenere una varietà di metodi di input, da pulsanti di opzione per caselle liste a discesa. Dopo che l'utente ha compilato il questionario, ricevere le sue risposte nella casella di posta e-mail.

istruzione

1 Aprire il documento HTML in cui si desidera caratterizzare il questionario in Blocco note, del tuo host web built-in editor HTML, o il vostro editor HTML di scelta. Se si avvia una pagina web fresco, creare un nuovo documento di TXT, quindi inserire i tag di base:

<Html>
<Head> <title> Titolo della pagina web </ title> </ head>
<Body>
</ Body>
</ Html>

I tag form creati andranno tra l'apertura e chiusura tag <body>. Quando si completa il questionario, salvare il documento come sia HTM o HTML, quindi aprirlo in qualsiasi browser web per visualizzare in anteprima il lavoro.

2 Inserire il tag <form> per avviare il questionario e chiuderlo con </ form>. Tutte le vostre domande e <input> tag andranno tra questi due tag. Ogni tag <input> deve contenere un attributo "nome", come ad esempio <input name = "Question1" />. In modo che le risposte al vostro questionario vengono inoltrati al tuo indirizzo email, il vostro tag <form> dovrebbe essere simile a questo:

<Form action =: il metodo "mailto [email protected]" = "post"> </ form>

3 Utilizzare il <input type = "text" /> tag per creare un campo di input di una riga in cui gli utenti possono digitare le loro risposte. Per esempio, se si vuole chiedere il quale fa riferimento l'utente al tuo sito web, il codice sarà simile a questa:

<Form> Referente: <input type = "text" name = "referrer" /> </ form>

4 Utilizzare il <input type = "radio" /> tag per creare pulsanti di opzione. Con i pulsanti di opzione, l'utente può selezionare una sola opzione. Ogni ingresso nella tua radio button set dovrebbe avere lo stesso nome, ma attribuisce valore unico. Ad esempio, per chiedere se i visitatori goduto il vostro sito web, utilizzare questo:

<Form> Ti è piaciuto il nostro sito? <br />
<Input type = "radio" name = "godere" value = "yes" /> <br /> Sì
<Input type = "radio" name = "godere" value = "no" /> <br /> No
</ Form>

Il tag <br /> crea una interruzione di linea nella tua pagina web, dal momento che HTML di per sé non riconosce uno spazio bianco.

5 Utilizzare il <input type = "checkbox" /> tag per creare caselle di controllo. A differenza di pulsanti di opzione, l'utente può selezionare più caselle di controllo in un set. Proprio come pulsanti di opzione, ogni opzione nel set dovrebbe condividere lo stesso nome, ma hanno valori univoci. Ad esempio, per chiedere al visitatore di suggerire le caratteristiche per il tuo sito:

<Form> Come possiamo migliorare il nostro sito? <br />
<Input type = "checkbox" name = "suggerimenti" value = "immagini" /> altre foto! <br />
<Input type = "checkbox" name = "suggerimenti" value = "link" /> Altri link! <br />
<Input type = "checkbox" name = "suggerimenti" value = "content" /> Più contenuto! <br />
</ Form>

6 Utilizzare il <select name = "nome"> e <select /> tag per creare un elenco di selezione a discesa da cui l'utente può scegliere una sola opzione. Per ogni opzione nella lista, creare un separato <option> e </ option> incastonato tra l'apertura e la chiusura <select> tag, e dare ad ogni <option> un attributo di valore unico. Ad esempio, per chiedere al visitatore di scegliere quale parte del tuo sito web che gli piaceva di più, provate questo:

<Form> Cosa ti è piaciuto di più? <br />
<Select name = "preferito">
<Option value = "colori" selezionati = "selezionato"> I colori. </ Option>
<Option value = "Foto"> le fotografie. </ Opzioni>
<Option value = "musica"> La musica. </ Opzioni>
</ Select>
</ Form>

Dal momento che l'opzione "colori" presenta l'attributo selezionato, sarà la selezione predefinita.

7 Utilizzare il <input type = "submit" value = "Invia" /> tag per creare un pulsante di invio. Quando l'utente fa clic su questo pulsante, le informazioni entrò sarà trasmesso a voi, a seconda del metodo di recupero specificato in apertura tag <form>. L'attributo valore del vostro pulsante di invio contiene il testo che il pulsante leggerà.