Come creare un modulo gratis Email

November 20

Come creare un modulo gratis Email


Uno dei modi migliori per permettere alle persone di inviare e-mail su visitando il vostro sito web è quello di utilizzare un modulo. Una forma è un modo semplice che non visualizza il tuo indirizzo email e ancora permette ad altri di inviare commenti, domande o richieste rapidamente. Utilizzando un modulo permetterà anche di raccogliere le risposte degli utenti molto più rapidamente, soprattutto quando ci si aspetta centinaia di risposte su base giornaliera. E 'anche possibile eseguire una convalida modulo in cui i campi sono controllati per la precisione prima della presentazione. moduli e-mail possono essere creati utilizzando JavaScript e HTML di base.

istruzione

moduli HTML

1 Aprire l'applicazione Blocco note.

2 Copiare e incollare il seguente codice:

<Html>
<Head>
</ Title> Modulo di contatto </ title>

</ Head>
Form action = "mailto: [email protected]" method = "post" enctype = "text / plain">

<Table border = "0" CELLSPACING = "0" CELLPADDING = "4" width = "90%">
<Tr>
<Td width = "30%"> <div align = "right">
<B> Nome: </ B>
</ Div>
</ Td>
<Td width = "70%">
<Input type = "text" name = "nome" size = "20">
</ Td>
</ Tr>
<Tr>
<Td> <div align = "right"> <B> E-mail: </ B> </ DIV>
</ Td>
<Td>
<Input type = "text" name = "email" size = "20">
</ Td>
</ Tr>
<Tr>
<Td> <div align = "right">
<B> Commento: </ B>
</ Div>
</ Td>
<Td> <textarea name = "Commento" cols = "30" wrap = righe "virtuali" = "4">
</ Textarea>
</ Td> </ tr>
<Tr>
<Td> </ td>
<Td>
<Input type = "submit" name = "submit" value = "Invia">
<Input type = "reset" name = "reset" value = "Reset">
</ Td> </ tr>
</ Table>

</ Form>
</ Html>

3 Modificare la parte del codice "[email protected]" per riflettere il proprio indirizzo di posta elettronica.

4 Salvare il file nella cartella appropriata sul server.

Modulo di JavaScript

5 Accendi l'applicazione Blocco note.

6 Copia e incolla il codice sottostante:

<Html>
<Head>
</ Head>

<Body>
<Form action = "" name = "myform">
<Table cellspacing = "2" cellpadding = "2" border = "0">
<Tr>
<Td align = "right"> Nome </ td>
<Td> <input type = "text" name = "Nome"> </ td>
</ Tr>
<Tr>
<Td align = "right"> Cognome </ td>
<Td> <input type = "text" name = "Cognome"> </ td>
</ Tr>
<Tr>
<Td align = "right"> E-mail </ td>
<Td> <input type = "text" name = "Email"> </ td>
</ Tr>
<Tr>
<Td align = "right"> Telefono </ td>
<Td> <input type = "text" name = "Telefono"> </ td>
</ Tr>
<Tr>
<Td align = "right"> Indirizzo </ td>
<Td> <textarea cols = righe "20" = "5" name = "Indirizzo"> </ textarea> </ td>
</ Tr>
<Td align = "right"> </ td>
<Td> <input type = "submit" value = "Invia"> </ td>
</ Tr>
</ Table>
</ Form>
<Script language = tipo "JavaScript" = "text / javascript">

Funzione submitForm ()
{
document.myform.submit ();
}
</ Script>

</ Body>
</ Html>

7 Salvare il file nella cartella appropriata sul vostro server.

Consigli e avvertenze

  • Ricordarsi di assegnare un nome al file di modulo di contatto con il nome giusto per essere riferimento dalle altre pagine web del tuo sito web. Generalmente un modulo di contatto è denominato:
  • Contacts.html
  • Il codice JavaScript ha il vantaggio di aggiungere uno script di convalida. Questo codice viene utilizzato per verificare se tutti i campi siano correttamente immessi dai controlli incrociati con quanto richiesto per ogni rispettivo campo. È possibile, ad esempio, determinare che il campo "E-mail" dovrebbe avere qualcosa digitato prima che il modulo viene inviato al server.