Una Guía de Diseño Web para la Creación de Formularios’Mailto’ en HTML

Una Guía de Diseño Web para la Creación de Formularios’Mailto’ en HTML

Una Guía de Diseño Web para la Creación de Formularios’Mailto’ en HTML

VALORACIÓN DEL ARTÍCULO:
5/5


Una característica común de los sitios web con la que muchos diseñadores web luchan es un formulario. Es posible que desee agregar un formulario a su sitio web como una forma sencilla para que la gente se ponga en contacto con usted para hacer preguntas o expresar interés en los productos o servicios que usted ofrece. Desafortunadamente, los tutoriales en línea sobre cómo añadir formularios complejos pueden ser confusos y hacer que los nuevos profesionales de la web se alejen.

Los formularios web no tienen por qué ser difíciles de usar, incluso para los webbies nuevos. Los formularios de Mailto son una manera fácil de hacer que los formularios funcionen. Se basan en clientes de correo electrónico para enviar los datos del formulario desde el ordenador del cliente al propietario del formulario. Los datos del formulario que es completado por el usuario del sitio web es enviado por correo electrónico a una dirección específica como se especifica en la codificación para el formulario.

Si usted es nuevo en el diseño web y no sabe cómo programar interacciones más complejas, o está ejecutando un sitio web pequeño y sólo quiere una forma sencilla de añadir un formulario, tener un formulario mailto como formulario de contacto es mucho más fácil que aprender a escribir PHP. También es más barato que comprar un guión preescrito para hacerlo por ti.

Con este tutorial rápido, aprenda a utilizar los formularios mailto. Incluso si nunca lo ha hecho antes, dominar la técnica es fácil y ciertamente en el reino del «diseño web principiante».

Introducción

Los formularios HTML pueden ser un reto para los nuevos desarrolladores web, ya que requieren algo más que aprender el marcado HTML. Además de los elementos HTML necesarios para crear los formularios y sus campos, también debe tener alguna forma de hacer que el formulario «funcione». Esto normalmente requiere acceso a un script CGI u otro programa para crear en el atributo «action» del formulario. Esta acción es la forma en que el formulario procesa los datos y lo que hace con ellos después (escribir a una base de datos, enviar un correo electrónico, etc.)

Si no tiene acceso a un script que hará que su formulario funcione, hay una acción de formulario que la mayoría de los navegadores modernos soportan.

action=" mailto:youremailaddress"

Esta es una manera sencilla de obtener los datos del formulario desde su sitio web a su correo electrónico. Es cierto que esta solución es muy limitada en cuanto a lo que puede hacer, pero para los sitios web muy pequeños, es un buen punto de partida.

Trucos para usar formularios de Mailto

Usar el

enctype=»text/plain» attribute
Esto le indica al navegador y al cliente de correo electrónico que el formulario está enviando texto plano en lugar de algo más complicado. Algunos navegadores y clientes de correo electrónico envían datos de formularios codificados para páginas web. Esto significa que los datos se envían como una sola línea larga, los espacios se sustituyen por más (+) y se codifican otros caracteres. El uso del atributo

enctype="text/plain"

facilita la lectura de los datos.

Use el método GET o POST
Mientras que el

POST a veces funciona, a menudo hace que el navegador abra una ventana de correo electrónico en blanco. Si esto le ocurre con el método

GET

, intente cambiar a

POST

.

Ejemplo de formulario de Mailto

Aquí hay un ejemplo de un formulario usando la acción mailto.

Nota : Esto es un marcado muy simple. Lo ideal sería codificar estos campos de formulario utilizando más marcas y elementos semánticos, pero este ejemplo es suficiente para el alcance de este tutorial.

 
Su nombre:
Su apellido:
Comentarios:

Sus clientes verán un mensaje diciendo que el formulario se está enviando por correo electrónico. Así es como se ven los resultados:

 first_name=Jennifer<
apellido=Kyrnin
comments=Hi there!

Nota especial sobre Mailto Forms

Una vez más, este método, aunque fácil, también es muy limitado. Obviamente, es importante tener en cuenta que los formularios mailto no siempre funcionan para todas las combinaciones de navegadores y clientes de correo electrónico. Si ha intentado utilizar un formulario mailto y no ha tenido éxito, es posible que sea por esto por lo que podría haber alguna combinación de tecnología que haga que la función falle. Para obtener información más detallada sobre las posibles interferencias con su intento de utilizar un formulario de este tipo, consulte "Cuando los formularios de Mailto no funcionan".

Si bien este método es un buen primer intento de crear formularios web que generen un correo electrónico y envíen datos de formularios, a medida que avance en sus habilidades web, seguramente querrá explorar opciones más sólidas. Desde scripts CGI, formularios PHP hasta plataformas CMS que tienen widgets de formularios incorporados, usted tiene muchas opciones avanzadas que considerar para sus futuras necesidades de formularios de sitios web.

Deja un comentario

TAMBIÉN TE INTERESA

veentajas-del-marketplace

Ventajas de los marketplaces en plena escalada de precios

Si vendes productos por la web, deberías apostar por los marketplaces, aún en un momento de inflación alta, en plena escalada de precios. La economía se encuentra en un momento difícil: agosto cerró con una tasa de inflación superior a los dos dígitos (10,4%) por tercer mes consecutivo. La incertidumbre ante el invierno impulsa a

OPPO-Reno8-5G

Ya a la venta los nuevos teléfonos OPPO Reno8

OPPO Reno8 es una realidad ya en Europa. La marca hizo una presentación en París para dar a conocer los nuevos productos que llegan directamente al mercado para sumar una feroz competencia. Y es que en pocos años en el mercado del viejo continente, OPPO se ha hecho un hueco importante en el consumidor.  

batería-portátil-DELTA-2

Esta batería portátil es top y acaba de salir a la venta

Tener una batería portátil puede darnos mucha versatilidad para nuestras actividades tanto dentro como fuera de casa. Usamos muchos dispositivos a diario y todos ellos requiere de energía eléctrica para trabajar, por lo que una herramienta que nos aporte dicha energía puede venirnos muy bien en caso de apagones o proyectos en el exterior. EcoFlow,

GoPro-HERO11

GoPro HERO11 Black: las nuevas cámaras para los creadores de contenido

La conocida marca de videocámaras GoPro ha lanzando tres nuevas especialmente concebidas para creadores. GoPro HERO11 llega en tres modelos para satisfacer las necesidades de todo tipo de perfiles y creadores de contenidos.   Índice de contenidos1 El sensor de mayor resolución hasta la fecha2 Las tres cámaras GoPro HERO112.1 Principales tecnologías en las tres

camara-motorola-edge-30-ultra

¿200 megapíxeles? Sí, es lo que tiene el nuevo motorola edge 30 ultra

El furor por los megapíxeles parece estar de vuelta en la fotografía de los smartphones, si bien hay expertos que mantienen que más MP no quiere decir que resulte en mejores fotografías. El nuevo motorola edge Ultra llega al mercado con una barbaridad inédita en el mundo de la telefonía. Cabe destacar también que otras