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».

Índice de contenidos

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.

TAMBIÉN TE INTERESA

all ia

all ia, el primer buscador de herramientas de inteligencia artificial

Ha llegado el punto en que uno ya se pierde con las herramientas de inteligencia artificial. A lo largo de este último año han surgido infinidad de soluciones que se distribuyen en todos los rincones de internet. Se podría decir que hay una para cada inquietud, sea a nivel personal en el terreno profesional. Pero

login-y-contraseña

El método definitivo para tener una contraseña segura: 9 pasos

Tener una contraseña segura es el primer paso para tener cierta seguridad en nuestra vida digital. Correo electrónico, claves del banco, Amazon, por poner unos ejemplos… son plataformas que estamos acostumbrados a usar casi a diario. Para todos ellos y el resto de plataformas a las que estemos suscritos, la contraseña segura es fundamental para

meta-quest-3

Meta Quest 3: características del nuevo adalid de la realidad virtual

La realidad virtual (VR) ha experimentado un crecimiento exponencial en los últimos años, y Meta Quest 3 se presenta como el pináculo de esta evolución. Como la tercera generación de dispositivos de realidad virtual autónomos desarrollados por Meta, anteriormente conocida como Facebook, el Meta Quest 3 representa una amalgama de tecnología de vanguardia y diseño

Wacom-Movink

Wacom Movink, el panel interactivo OLED más fino y ligero del mercado

Parecía estar ya todo escrito sobre monitores y panales y en éstas, llega el Wacom Movink para sorprendernos a todos. Dirigido especialmente para diseñadores y creadores de contenido, esta pantalla representa un avance significativo por su combinación única de rendimiento, portabilidad y calidad visual excepcional. El dispositivo llega acompañado de un nuevo lápiz digital, su