Tecnología

Inicio

Cómo crear un formulario de correo electrónico gratuito

Cómo crear un formulario de correo electrónico gratuito


Una de las mejores maneras de permitir que las personas puedan enviarte mensajes al visitar su sitio web es el uso de un formulario. Una forma es una forma sencilla que no muestra su dirección de correo electrónico y todavía permite que otros le envíen sus comentarios, preguntas o peticiones rápidamente. El uso de un formulario también le permitirá recoger las respuestas del usuario mucho más rápido, especialmente cuando se espera que cientos de respuestas sobre una base diaria. Incluso es posible realizar una validación de formularios donde los campos se comprueban antes de presentarlos. formularios de correo electrónico pueden ser creados usando JavaScript y HTML básico.

Instrucciones

formularios HTML

1 Abra la aplicación Bloc de notas.

2 Copia y pega el siguiente código:

<Html>
<Head>
</ Title> Formulario de contacto </ title>

</ Head>
action = FORMA "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> Nombre: </ B>
</ DIV>
</ TD>
<Td width = "70%">
<Input type = "text" name = tamaño "nombre" = "20">
</ TD>
</ TR>
<TR>
<TD> <DIV align = "right"> <B> Correo electrónico: </ B> </ DIV>
</ TD>
<TD>
<Input type = "text" name = tamaño "e-mail" = "20">
</ TD>
</ TR>
<TR>
<TD> <DIV align = "right">
<B> Comentario: </ B>
</ DIV>
</ TD>
<TD> <textarea name = "comment" cols = "30" wrap = filas "virtuales" = "4">
</ TEXTAREA>
</ TD> </ TR>
<TR>
<TD> </ TD>
<TD>
<Input type = "submit" name = "submit" value = "Enviar">
<Input type = "reset" name = "reset" value = "Reset">
</ TD> </ TR>
</ TABLE>

</ FORM>
</ Html>

3 Cambiar la parte del código "[email protected]" para reflejar su propia dirección de correo electrónico.

4 Guarde el archivo en la carpeta correspondiente en su servidor.

Forma JavaScript

5 El fuego de su aplicación Bloc de notas.

6 Copia y pega el código de abajo:

<Html>
<Head>
</ Head>

<Body>
<Form action = "" name = "myform">
<Table cellspacing = "2" cellpadding = "2" border = "0">
<Tr>
<Td align = "right"> Nombre </ td>
<Td> <input type = "text" name = "Nombre"> </ td>
</ Tr>
<Tr>
<Td align = "right"> Apellidos </ td>
<Td> <input type = "text" name = "Apellido"> </ td>
</ Tr>
<Tr>
<Td align = "right"> correo electrónico </ td>
<Td> <input type = "text" name = "Enviar"> </ td>
</ Tr>
<Tr>
<Td align = "right"> Teléfono </ td>
<Td> <input type = "text" name = "teléfono"> </ td>
</ Tr>
<Tr>
<Td align = "right"> Dirección </ td>
<Td> <textarea cols = "20" filas = nombre de "5" = "Dirección"> </ textarea> </ td>
</ Tr>
<Td align = "right"> </ td>
<Td> <input type = "submit" value = "Enviar"> </ td>
</ Tr>
</ Table>
</ Form>
<Script language = "javascript" type = "text / javascript">

submitForm función ()
{
document.myform.submit ();
}
</ Script>

</ Body>
</ Html>

7 Guarde el archivo en la carpeta correspondiente en su servidor.

Consejos y advertencias

  • Recuerde que debe nombrar el archivo de formulario de contacto con el nombre correcto que se hace referencia de las otras páginas web en su sitio web. En general, un formulario de contacto se denomina:
  • Contacts.html
  • El código JavaScript tiene la ventaja de la adición de una secuencia de comandos de validación. Este código se utiliza para comprobar si todos los campos se introducen correctamente por la comprobación cruzada con lo que se requiere para cada campo respectivo. Puede, por ejemplo, determinar que el campo "Email" debe haber algo escrito antes de que el formulario se envía al servidor.