Come codice di un modulo Registrati per un sito web

March 3

Come codice di un modulo Registrati per un sito web


Coding un modulo di registrazione per un sito web può beneficiare sia per voi e visitatori del tuo sito web. Un modulo di registrazione online offre ai visitatori una comoda, senza carta, e il modo rapido di firma per il vostro servizio. Invece di aspettare per la registrazione di persona, un visitatore può utilizzare il modulo online per registrare 24 ore al giorno, 7 giorni alla settimana. Dato che il modulo viene automaticamente inviato alla tua casella di posta, la codifica di un modulo di registrazione può anche aiutare a rimanere organizzato.

istruzione

1 Aprite il vostro editor di testo e iniziare un nuovo documento HTML. Assicurarsi che il documento contiene i seguenti tag:

<Html>

<Head>

&lt;title>Registration Form&lt;/title>

</ Head>

<Body>

</ Body>

</ Html>

2 Digitare il tag <form> all'interno del corpo del documento HTML.

3 Aggiungere sia il metodo e l'azione attributi al tag form. Dopo l'attributo action, inserisci il tuo indirizzo email. Questo è l'indirizzo dove tutte le informazioni sarà inviato quando qualcuno compila il modulo di registrazione.

<Form method = azione "post" = "mailto: [email protected]">

4 Digitare un tag <p> seguito dalla domanda che si desidera un visitatore di rispondere. Ad esempio, se si desidera un visitatore di entrare nel loro nome completo, inserire il seguente:

<P> Qual è il suo nome completo?

5 Creare una casella di testo per un visitatore di rispondere alla tua domanda con l'aggiunta di un tag <input />. Tutti i tag di paragrafo e di ingresso devono rientrare tra i tag <form> e </ form> tag.

6 tipo e dimensioni attributi nel tag <input /> Include:

<Input type = "text" size = "" name = "" />

7 Inserire il numero di caratteri di larghezza si desidera che il casella di testo per essere. Inserire questo numero tra le virgolette nel attributo size. Ad esempio, il codice seguente creerebbe una casella di testo che permetterebbe ad un utente di rispondere alla tua domanda in 15 caratteri:

<Input type = "text" size = "15" name = "" />

8 Descrivere i dati del modulo si stanno raccogliendo compilando l'attributo nome. Quando il modulo viene inviato al tuo indirizzo email, la descrizione nel name identificherà ciascun elemento di dati. Ad esempio, questo codice <input type = "text" size = "15" name = "FullName" /> genera il seguente messaggio e-mail:

FullName = "Bob Barker"

9 Chiudere il tag di paragrafo.

10 Chiedi il visitatore per avere maggiori informazioni e creare le caselle di testo di dimensioni opportunamente ripetendo i passaggi da 4 a 10.

11 Creare un pulsante che invia il modulo di registrazione per la tua email digitando il seguente codice:

<Input type = "submit" value = "registrare" />

Il documento HTML che chiede ai visitatori di registrarsi inserendo il proprio nome e cognome in una casella di testo sarebbe simile a questa:

<Html>

<Head>

&lt;title>Registration Form&lt;/title>

</ Head>

<Body>

<Form method = azione "post" = "mailto: [email protected]">

<P> Qual è il suo nome completo? <Input type = "text" size = "15" name = "FullName" /> </ p>

<Input type = "submit" value = "registrare" />

</ Body>

</ Html>

Consigli e avvertenze

  • Risparmia tempo disegnando il modulo di registrazione su carta prima di iniziare.
  • Dare ad ogni codice HTML la propria linea. Questa tecnica non mancherà di tenere il proprio codice organizzato, lo rendono più facile da leggere, e aiutare a evitare errori in termini di tempo.