Come costruire il mio sito web con Fill Form

July 18

Siti web sono stati in grado di presentare le forme di ingresso per gli utenti dal momento che le specifiche di HTML 2.0 nel 1995. Da allora, molti strumenti sono emersi, per lo più sul lato server, per manipolare le informazioni raccolte con una forma sito web. Inoltre, alcuni contenuti basati plug-in-, come Flash, ha acquisito la capacità di visualizzare e raccogliere dati attraverso forme molto visivamente personalizzabili. Il vecchio standard HTML, tuttavia, contiene ancora il modo più semplice per iniziare a fare un sito web con le forme.

istruzione

1 Creare un nuovo documento HTML in un editor di testo come Blocco note.

2 Scrivi un tipico involucro documento HTML, per esempio, "<HTML> <HEAD> <TITLE> una prima forma </ title> </ head> <body> </ BODY> </ HTML>".

3 Inserire <FORM> </ form> tra i tag <BODY>. Questi tag dichiarano il modulo, e si aggiungeranno gli attributi più tardi per aiutare il processo tutti i dati raccolti attraverso il modulo.

4 Creare diversi elementi nel modulo inserendo i tag <input> tra i tag <form>. L'attributo "tipo" di ogni <INPUT> tag determina il tipo di elemento che si crea. È possibile utilizzare i seguenti tipi: testo, la password, checkbox, radio presentare, di immagini, di reset, pulsante, nascosto e file. "Testo" crea una casella di testo tipici, come quelli che si usano per digitare le parole chiave in un motore di ricerca. "Password" è la stessa di "testo", ma il testo digitato in esso sarà mascherato, come è spesso il caso in forme si utilizza per accedere a un sito web. "Casella di controllo" crea una casella quadrata che può essere sia marcato o non marcato. "Radio" crea un indicatore di turno che, in un gruppo con altri pulsanti di opzione specificato, verrà segnato solo se il resto del gruppo è non marcato. Questo fornisce un modo per invitare una scelta da parte dell'utente tra le opzioni si escludono a vicenda. "Invia" crea un pulsante da utilizzare per indicare il modulo è stato compilato e avviare azioni per raccogliere i dati inseriti. "Immagine" è la stessa di presentare, ma visualizza un'immagine per essere cliccato al posto del tasto regolare presentare. "Reset" crea un pulsante che cancella i dati inseriti da tutti gli elementi del form. "Button" crea un pulsante che è possibile utilizzare con il codice client-side, come JavaScript. "Hidden" non crea un elemento visibile, ma può essere utilizzato per memorizzare note o altre informazioni da includere in ogni presentazione. "File" crea un elemento che consente all'utente di indicare un file memorizzato sul proprio computer.

5 Includere una <SELECT> </ SELECT> coppia di tag nel modulo per creare un menu a comparsa. Inserire i tag <option> tra i tag <SELECT> per popolare il menu con selezioni l'utente può scegliere.

6 Visualizza il documento HTML con un browser web per vedere che cosa il vostro modulo assomiglia. Fare riferimento alle specifiche HTML per saperne di più su ciò che ogni tipo di elemento di modulo fa, e sperimentare diverse combinazioni di elementi per raccogliere i dati desiderati dagli utenti del tuo sito web.

7 Scaricare e installare uno script lato server, come uno script CGI, al vostro web server per elaborare i dati dal modulo. Uno script comune è quella che trasmette i dati dal modulo a voi in una e-mail.

8 Write "azione" e "metodo" attributi nel tag originale <form> per dirigere i dati una volta che l'utente preme il pulsante "Invia". Selezionare gli attributi di questo tag basati su che tipo di script lato server che si sta utilizzando.

9 Copiare il documento HTML al vostro web server.

10 Verificare la funzionalità del tuo sito web modulo appena pubblicato nel browser web.

Consigli e avvertenze

  • Esaminare il codice da altri siti web con le forme per ispirare le proprie implementazioni.
  • Scrivere codice JavaScript per interagire con l'utente senza necessariamente raccogliere dati da lei. Ad esempio, modificare il documento HTML in base all'input dell'utente.