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

Creado: 27/Feb/2009 Actualizado: 27/Ago/2021
  • 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
Compartir
Compartir
Pin
0 Compartir

Publicaciones relacionadas:

Artículos sobre HTMLPropiedades de enlaces de email Artículos sobre HTMLPágina web para descargar archivos Artículos sobre HTMLCombos con imágenes Artículos sobre HTMLImagen con enlace en HTML Artículos sobre HTMLEnviar 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
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.

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.

33 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
  • Blog
  • Bootstrap
  • Ceylon
  • CSS
  • Dart
  • DOJO
  • DOM
  • Editorial
  • EmberJS
  • Eventos
  • Google
  • Groovy
  • HTML
  • HTML5
  • Java
  • Javascript
  • jQuery
  • jQuery Mobile
  • Lecturas
  • Microsoft.Net
  • MongoDB
  • NodeJS
  • Noticias Web
  • Patrones de Diseño
  • PHP
  • Prototype
  • Python
  • ReactJS
  • Recursos
  • Rust
  • Software
  • SQL
  • SVG
  • Symfony
  • Typescript
  • VBScript
  • wForms
  • WordPress
  • XForms
  • XML
  • XSLT

Últimos Artículos

Ejemplos de Artículos sobre HTML5

Vídeo en bucle

Un vídeo en bucle es aquel que, cuando llega al final del vídeo, vuelve al principio y se continúa reproduciendo …

Ejemplos de Artículos sobre HTML5

Descargar una imagen de un mapa de imágenes

El uso del elemento area nos sirve para optimizar la carga y la visualización de imágenes, mostrando varias imágenes en …

Ejemplos de Artículos sobre HTML5

HTML5 Doctype

Una de las preguntas que me hace la gente cuando realiza desarrollo web es relativa al HTML5 doctype y los …

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.
* = required field
  • Acerca de
  • Colaborar
  • Publicidad
  • Lista de Correo
  • Contactar
  • Privacidad
  • Cookies
2001-2025 © Línea de Código usando VCP Theme
wpDiscuz
33
0
Nos encanta tu opinión, por favor comentax
()
x
| Responder