Come creare un modulo compilabili

September 15

Come creare un modulo compilabili


moduli HTML visualizzare le caselle di testo, elenchi, menu 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 modulo per l'input dell'utente. I valori del modulo vengono inviati a un file di testo, database o fogli di calcolo, a seconda del layout delle pagine Web. Si richiede solo poche righe di codice per creare un modulo semplice per i visitatori di completare.

istruzione

1 Creare un tag form all'interno del tag "corpo" della pagina HTML. Il "<body>" e "</ body>" tag comprendono il contenuto del tuo sito, incluso il modulo compilabile. Tutto il codice elencato viene inserito all'interno di questi tag. Inserire il seguente codice nel corpo HTML in cui si desidera visualizzare il modulo:

<Form> </ form>

2 Immettere una variabile di modulo. In questo esempio, il modulo recupera nome e cognome e indirizzo email del lettore. Il codice seguente aggiunge una casella di testo per la forma, che richiede all'utente un nome:

<Form>
Nome: <input type = "text" name = "first_name">
</ Form>

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

3 Aggiungere le altre variabili di forma. si aggiunge Ogni variabile forma tra il "<form>" e "</ form>" tag. Il codice seguente completa il modulo compilabile:

<Form>
Nome: <input type = "text" name = "first_name"> <br>
Cognome: <input type = "text" name = "last name"> <br>
E-mail: <input type = "text" name = "email"> <br>
</ Form>

Si noti il ​​"<br>" tag. Questi tag creano un ritorno nella pagina. Ciò significa che ogni variabile di modulo viene inserito su una riga della pagina HTML.

4 Salvare il file e aprirlo con il browser Web. Si noti è possibile digitare i valori negli elementi di forma. Aprendo il modulo nel browser test di esso, in modo da poter vedere un esempio di ciò che i lettori vedranno quando visitano la pagina Web.