Come leggere e creare un modulo HTML tramite e-mail

October 25

Come leggere e creare un modulo HTML tramite e-mail


Utilizzare moduli HTML per raccogliere i dati dai visitatori del sito web. Invia i dati del modulo tramite un account di posta elettronica come un facile alternativa alla programmazione di uno script per elaborare i dati. Emailing forme non memorizza i dati raccolti; invece invia i dati automaticamente a una casella di posta elettronica. Utilizzare moduli e-mail HTML con parsimonia in quanto alcuni browser web li bloccano o avvertono gli utenti che i contenuti modulo sarà inviato in chiaro.

istruzione

1 Iniziare un form HTML usando il tag <form>. Il tag form assume tre argomenti: l'azione, metodo e enctype.

L'azione modulo definisce l'azione che la forma dovrebbe assumere. Elencare l'azione come "mailto: [email protected]". Sostituire [email protected] con il tuo indirizzo e-mail desiderato.

Il metodo di modulo definisce il modo per eseguire l'azione. Elencare il metodo come "post".

L'argomento enctype spiega come codificare i dati del modulo. Digitare "text / html" in modo da poter leggere l'e-mail inviata in formato testo con ogni campo su una riga separata.

Utilizzare il seguente formato per l'intero <form> Codice:
<Form action = "mailto: [email protected]" method = "post" enctype = "text / html">

2 Aggiungere campi di testo per raccogliere i dati dai visitatori del sito web. Dati tipici raccolti dai visitatori comprende nome, indirizzo email, numero di telefono e prodotto di interesse.

Utilizzare il seguente formato:
<Input type = "text" name = "textname" size = "20">

input type = "text", racconta la pagina HTML per creare un campo di testo per i visitatori di immettere le informazioni. Dare il campo di testo un nome e sostituire la parola "textname" con il nome che avete scelto. Il campo dimensione definisce quanto spazio il campo di testo dovrebbe prendere. Sostituire 20 con la quantità di caratteri campo di testo definito bisogno.

3 Creare un pulsante di invio per l'utente di fare clic su e inviare i loro dati. Al clic, il modulo sarà inviato direttamente all'indirizzo e-mail definito al punto 1.

Utilizzare il seguente codice:
<Input type = "submit">

4 Compila il modulo con il </ form> tag.

Utilizzare il seguente codice completato:
<Form action = "mailto: [email protected]" method = "post" enctype = "text / plain">
<Input type = "text" name = "email" size = "20">
<Input type = "text" name = "nome" size = "20">
<Input type = "submit">
</ Form>

In questo caso il modulo raccoglie nome e indirizzi email del visitatore.

5 Raccogliete l'e-mail dall'indirizzo e-mail specificato nella Fase 1. Leggere la posta elettronica come si farebbe con qualsiasi altro leggere e-mail.

Il contenuto del modulo dovrebbe apparire nel corpo dell'e-mail come testo normale con ogni campo in una riga separata che elenca il nome del campo insieme con il suo valore.

E-mail dovrebbe essere visualizzato nel seguente formato:
name = nome inserito
email = email immesso

Consigli e avvertenze

  • Alcuni browser potrebbero non inviare il modulo di e-mail e di aprire un messaggio e-mail con i campi del modulo pre-riempite nel corpo della e-mail per il visitatore del sito per inviare il se stessa e-mail.