Moduli HTML visualizzare caselle di testo, elenchi, elenchi a discesa e caselle di controllo per l'input dell'utente. Moduli HTML sono elementi comuni sulle pagine Web. Alcuni programmi di progettazione Web automatizzare la creazione di questi elementi, ma è possibile creare manualmente un form per l'input dell'utente. I valori del modulo vengono inviati a un file di testo, database o foglio di calcolo, a seconda del layout delle pagine Web. Ci vogliono solo poche righe di codice per creare un semplice form per i tuoi visitatori completare.

Istruzioni

1

Creare un tag form all'interno del tag "corpo" della tua pagina HTML. "< Corpo >" e "< / body >" Tag comprendere il contenuto del tuo sito, compreso il modulo compilabile. Tutto il codice elencato è inserito all'interno di questi tag. Immettere il seguente codice nel corpo HTML in cui si desidera visualizzare il modulo:

< forma >< / form >

2

Immettere una variabile di form. In questo esempio, il modulo recupera il lettore primo e ultimo nome e indirizzo email. Il codice seguente aggiunge una casella di testo al modulo, che richiede all'utente un nome:

< forma >
Nome: < input type = "testo" nome = "first_name" >
< / form >

Nel codice precedente, il testo "Nome" è visto dall'utente. La casella di testo è posizionata dopo l'etichetta di testo. È dato il nome "first_name", che è utilizzato nella vostra pagina di elaborazione.

3

Aggiungere le variabili del form. Ogni variabile di form viene aggiunto tra la "< forma >" e "< / form >" tag. Il codice riportato di seguito viene completato il modulo compilabile:

< forma >
Nome: < input type = "testo" nome = "first_name" >< br >
Cognome: < input type = "testo" nome = "cognome" >< br >
E-mail: < input type = "testo" nome = "email" >< br >
< / form >

Notare il tag "< br >". Questi tag creano un ritorno a capo restituito nella pagina. Questo significa che ogni variabile di form viene inserita una nuova riga nella pagina HTML.

4

Salvare il file e aprirlo con il browser Web. Nota che è possibile digitare i valori negli elementi del modulo. Aprire il modulo nel browser test, in modo è possibile visualizzare un esempio di quello che i tuoi lettori vedranno quando visitano la tua pagina Web.