Línea de Código
  • HTML5
  • Java
  • Javascript
  • CSS
  • Python
  • PHP
  • MongoDB
  • Bootstrap
  • NodeJS

Enviar emails desde una página web

No Te Pierdas:

  • Foro
  • Descargas
  • Vídeos
  • Hola Mundo
Artículos
→ HTML →

Enviar emails desde una página web

27/Feb/2009
  • HTML Email
  • HTML Enlaces
  • HTML Form

Aunque al día de hoy casi todas las páginas están versadas en uno u otro lenguaje de servidor: ASP, PHP, JSP,… existe un amplio espectro de páginas desarrolladas en HTML. Casi siempre con la inestimable ayuda de un editor web. Y es que es mucha la gente, que con unos conocimientos mínimos de Internet, se lanza a este para contarle algo al ciber espacio. E incluso habrá sitios dónde podramos insertar código HTML y que no permite utilizar otro lenguaje

Y ya puestos, y una vez que nos hemos currado una página web, nos apetece que la gente comparta con nosotros su opinión sobre la misma. O simplemente se ponga en contacto con nosotros.

Una vez en esta tesitura, lo más fácil sería poner un texto que sea un enlace (o no) con nuestra dirección de email. Aquí, le estamos dando al comunicante solo nuestra dirección y el, la utilizará para contarnos lo que quiera. Si quieres tomar esta opción léete el articulo «Propiedades de los enlaces de email» el cual te ayudará a darle más potencia a tus enlaces de email.

Pero claro, puede ser que queramos, que cuando nos escriba, rellene cierta información que con el email no sabremos nunca si nos la va a enviar o no. Para ello tenemos los formularios. Y será entonces cuando queramos que nos envíe lo relleno en el formulario.

En este punto tenemos dos opciones. O bien tiramos de algún lenguaje de servidor (para aludidos, no tiene desperdicio Mandar emails con JavaMail)

Para que el usuario nos envíe el formulario utilizando HTML solo tendremos que hacer una cosa. Poner «mailto:[email protected]» en el campo action del formulario. Quedándonos un código HTML como este, mediante la etiqueta FORM:

<form action="mailto:[email protected]"></form>

Con esto conseguiremos que el usuario nos envíe un email con la estructura del formulario.

Una vez montando nuestro formulario veremos que si le damos a enviar el texto recibido puede ser algo como esto:

textfield=victor&textfield2=victor%40miemail.com&textarea=cojonuda

El problema es que para diferenciar las diferentes partes del mensaje, el navegador utiliza los identificadores de los campos. Es por ello que es bastante conveniente el modificarlos. Para tal fin hay que modificar el campo name de los campos del formulario. Podríamos ponerlos así:

<input name="nombre" type="text" />

Ahora, la cadena recibida, sería la siguiente:

nombre=victor&email=victor%40miemail.com&opinion=cojonuda

Aunque sigue siendo una cadena críptica, es algo más clara que la anterior.

Además tenemos que tener en mente un par de cosas. La primera es que esto solo funcionará si el usuario tiene un programa de correo electrónico en su ordenador (Outlook, Outlook Express, Eudora…). Hay que tener cuidado, ya que aunque es raro que el ordenador no tenga un programa de correo electrónico, puede darse el caso.

La segunda es que aunque nosotros le hayamos puesto los campos (incluso poniéndolos como obligatorios -podríamos usar JavaScript-), el usuario tiene la capacidad de modificar el email antes de enviarlo.

Aún con todo, esto es una buena solución para que se pongan en contacto con nosotros de forma sencilla.

Al final nos quedará el siguiente formulario:

<form action="mailto:[email protected]" method="post" name="form1">
  <label for="nombre">Nombre: </label>
  <input id="nombre" name="nombre" type="text" />
  <label for="email">Email: </label>
  <input id="email" name="nombre" type="text" />
  ¿Qué te pareció la página?
  <textarea id="opinion" name="opinion"></textarea>
  <input name="Submit" type="submit" value="Enviar" />
</form>

 

Twittear
Compartir18
Compartir
Pin
18 Compartir

Publicaciones relacionadas:

Propiedades de enlaces de email Página web para descargar archivos Combos con imágenes Imagen con enlace en HTML Enviar SMS desde Web

Código Fuente

Descárgate el código fuente de Enviar emails desde una página web
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star

Vídeos sobre HTML

Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test HTML

¿Te atreves a probar tus habilidades y conocimiento en HTML con nuestro test?

Test HTML
Suscribir
Conectar con
Acceder
Permito crear una cuenta
When you login first time using a Social Login button, we collect your account public profile information shared by Social Login provider, based on your privacy settings. We also get your email address to automatically create an account for you in our website. Once your account is created, you'll be logged-in to this account.
No estoy de acuerdoDe acuerdo
Notificar de
guest
Antes de enviar tu pregunta:

  1. Revisa bien la ortografía del texto que has añadido y no utilices palabras en mayúsculas.
  2. Utiliza el botón para insertar código dentro del comentario.
  3. Si es una pregunta de carácter general o necesitas ayuda con un ejercicio te recomendamos que utilices nuestro foro.

Permito crear una cuenta
When you login first time using a Social Login button, we collect your account public profile information shared by Social Login provider, based on your privacy settings. We also get your email address to automatically create an account for you in our website. Once your account is created, you'll be logged-in to this account.
No estoy de acuerdoDe acuerdo
guest
Antes de enviar tu pregunta:

  1. Revisa bien la ortografía del texto que has añadido y no utilices palabras en mayúsculas.
  2. Utiliza el botón para insertar código dentro del comentario.
  3. Si es una pregunta de carácter general o necesitas ayuda con un ejercicio te recomendamos que utilices nuestro foro.

32 Comentarios
Recientes
Anteriores Más votados
Opiniones integradas
Ver todos los comentarios

Víctor Cuervo

Programador, Arquitecto IT, álter ego de Línea de Código, amante de las tecnologías, generador de conocimiento y facilitador del aprendizaje.

Tecnologías

  • Accesibilidad Web
  • AJAX
  • ASP
  • Bootstrap
  • Ceylon
  • Conversación
  • CSS
  • Desarrollo Móvil
  • DOJO
  • Download
  • EmberJS
  • Eventos
  • Google
  • Groovy
  • HTML
  • HTML5
  • Java
  • JavaScript
  • jQuery
  • Lecturas
  • Linea de Codigo
  • Microsoft.Net
  • MongoDB
  • NodeJS
  • Noticias Web
  • Patrones de Diseño
  • PHP
  • Prototype
  • Proyectos
  • Python
  • ReactJS
  • Recursos
  • Software
  • SQL
  • SVG
  • Symfony
  • Typescript
  • VBScript
  • WebServices
  • wForms
  • WordPress
  • XForms
  • XML
  • XSLT

Últimos Artículos

Ejemplos de Artículos sobre HTML5

Controlar el cambio de idioma en HTML5

Utilizar el idioma que tiene el usuario configurado en el navegador para presentar el contenido de nuestra web puede ser …

Ejemplos de Artículos sobre HTML5

Asociar un botón a cualquier formulario con HTML5

Quizás uno de los nuevos atributos de HTML5 que nos haya pasado por alto, aunque es de gran utilidad, es …

Ejemplos de Artículos sobre HTML5

Online y offline en HTML5

Muchas de las aplicaciones web que desarrollamos son para móviles. En este sentido es bueno saber, de cara a poder …

Nuestras Webs

  • Arquitecto IT
  • Ayuda en la Web
  • Dudas de Programación
  • Informática Jurídica
  • Manual Web
  • Test de Programación
  • W3Api

Lista de Correo

Déjanos tus datos para suscribirte a nuestra lista de correo.
* = campo obligatorio
  • Acerca de
  • Colaborar
  • Publicidad
  • Lista de Correo
  • Contactar
  • Privacidad
2001-2023 © Línea de Código usando VCP Theme
wpDiscuz
32
0
Nos encanta tu opinión, por favor comentax
()
x
| Responder