Come fare una lista di controllo in HTML

February 6

Come fare una lista di controllo in HTML


Una lista di controllo HTML consente ai lettori di scegliere da una lista di opzioni presentate, come quelli in un sondaggio o un modulo di feedback. Utilizzando l'elemento "input" in HTML, è possibile assegnare le identità ciascuna casella di controllo e creare una lista di controllo funzionale che fornisce un metodo efficiente per raccogliere i risultati o le informazioni.

istruzione

1 Aprire il documento codice sorgente in un editor di testo o un editor HTML, ad esempio Blocco note, BBEdit o Dreamweaver.

2 Inserire l'elemento di apertura "paragrafo", e dare la vostra lista di controllo un titolo: <p> Demo Elenco di controllo:

3 Digitare l'elemento di input e aggiungere il tipo, nome e valore attributi. Il tipo è impostato su "casella", perché questo display ha la funzione di una lista di controllo, il nome identifica il titolo di questa lista di controllo, e il valore identifica il nome della "casella di controllo". Per esempio:

<Input type = "checkbox" name = "demo" value = "uno" />

4 Specificare se si desidera la vostra casella di controllo per verificare se visto inizialmente. Per esempio:

<Input type = "checkbox" nome = valore "demo" = "uno" controllata = "controllata" />

5 Aggiungere più caselle di controllo per la vostra lista di controllo digitando aggiuntivi "input" righe di codice HTML:

<Input type = "checkbox" nome = valore "demo" = "uno" /> Step One
<Input type = "checkbox" name = "demo" value = "due" /> Fase due

6 Chiudere vostra lista di controllo con l'elemento punto di chiusura: </ p>.

7 Salvare il file con l'estensione del file .html.

8 Visualizza il file in un browser Web o utilizzare la funzione di anteprima del vostro editor di testo HTML per assicurarsi che la lista di controllo visualizzato correttamente.

Consigli e avvertenze

  • Seguire ogni elemento lista di controllo con un tag di pausa -
  • - Per garantire che ogni articolo è sulla propria riga.
  • Inserire il testo prima che l'elemento di input per avere il testo precedono la casella di controllo.