Come creare form su siti web

September 3

Come creare form su siti web


In superficie, un sito web solo sa come visualizzare le informazioni. Lo fa utilizzando HTML, o Hypertext Markup Language. Mentre il codice HTML e il sito web conoscono solo come visualizzare le informazioni, ci sono script di sotto che possono generare nuovo HTML per la visualizzazione o per eseguire altre azioni, come l'invio di e-mail. L'utente interagisce con questi script nascosti che utilizzano moduli HTML. Le forme prendono le informazioni che contengono e passarlo insieme al bersaglio. Il primo passo per consentire un sito web per comunicare con uno script di fondo è quello di costruire un modulo HTML.

istruzione

1 Caricare la pagina web che si sta costruendo nel vostro editor web o la modifica del testo. Per molto semplici compiti HTML come questo, è possibile utilizzare il blocco note di Windows. Se si sta creando una nuova pagina da zero, quindi creare un nuovo file. Se si utilizza un editor di testo, assicurarsi che l'estensione è

.html.

2 Individuare il punto della pagina che si desidera che il modulo. Il browser legge superiore HTML a fondo e tutti gli elementi vengono visualizzati in sequenza. Cercare la voce che si desidera la forma da seguire e cominciare da lì. Se si inizia una nuova pagina, assicuratevi di mettere "<html>" e "<body>" proprio all'inizio del file e "</ body> e" </ html> "alla fine molto. Mentre ci sono altri tag utilizzati nella maggior parte dei file HTML, questi sono il minimo indispensabile.

3 Inserire questo codice: <form action = "il nome della destinazione">. Il nome della destinazione è lo script o l'altro pagina HTML che si sta inviando queste informazioni. Senza un bersaglio valido, la forma non farà nulla o generare un errore.

4 Digitare quanto segue su righe separate per ciascuna casella di input: <p> L'ETICHETTA DELLA VOCE FORM <input type = "text" /> </ p>. Inserire l'etichetta appropriata per la casella di immissione sul testo maiuscolo. Ripetere questo passaggio per tutte le caselle di input come si desidera.

5 Aggiungere un pulsante "invia" dopo tutti i controlli dei moduli digitando: <p> <input type = "submit" /> </ p>. Quando si preme questo tasto, tutte le informazioni digitate nelle caselle del modulo sarà inviato a tutto ciò che è indicato nella proprietà azione impostata all'inizio.

6 Indicare al browser che il modulo è finito con l'inserimento </ form>.

7 Salvare il file HTML. Se si utilizza un editor di testo, assicurarsi di salvare il file con l'estensione ".html" se si desidera che il browser per leggere il file come una pagina web.

Consigli e avvertenze

  • Ci sono molti altri tipi di controlli dei moduli e scatole disponibili. Scopri Dog HTML per una risorsa gratuita che spiega i diversi tipi di controlli dei moduli e per le istruzioni su come personalizzare l'aspetto delle forme.