¿Alguna vez ha configurado un formulario en su sitio, sólo para olvidarse de comprobar las entradas que se enviaron? Crear un formulario HTML que envíe un correo electrónico después del envío es una de las formas más sencillas y eficaces de resolver este problema.
HTML no ofrece una opción para crear un formulario que envíe un correo electrónico después del envío. Sin embargo, puede utilizar el elemento de acción del formulario para establecer una dirección mailto: (en este caso, la suya propia), provocando la apertura del cliente de correo del remitente. Esta es una última opción si no puede crear un formulario basado en PHP.
Lo ideal sería que los navegadores permitieran enviar los formularios directamente a una dirección de correo electrónico. Sin embargo, la razón por la que no lo hacen es que enviar un correo electrónico directamente desde un formulario web HTML revelaría la dirección de correo electrónico del visitante, haciendo que el usuario sea vulnerable a actividades maliciosas, como el phishing.
Añadir una dirección mailto: al formulario puede ser una forma potencial de sortear este problema. Esta opción activa el cliente de correo por defecto en el ordenador del usuario, pidiéndole que envíe el formulario por correo electrónico. El navegador web envía una solicitud al proveedor de servicios de correo electrónico, no a la dirección especificada.
Puedes cambiar el formato de un mensaje cuando respondas a él o lo reenvíes. Si alguien le envía un mensaje de texto plano, por ejemplo, puede responder a ese mensaje o reenviarlo utilizando el formato HTML o de texto enriquecido.
La apariencia del mensaje para la persona que lo recibe depende de su programa de correo electrónico. Si el programa de correo electrónico del destinatario está configurado para convertir los mensajes, por ejemplo, un mensaje que envíes con formato HTML podría convertirse en texto sin formato.
Este es el formato de mensaje por defecto en Outlook. HTML es también el mejor formato para usar cuando quieras crear mensajes que parezcan documentos tradicionales, con varias fuentes, colores y listas numeradas y con viñetas, y cuando quieras mostrar imágenes dentro de tu mensaje.
Este formato funciona en todos los programas de correo electrónico, pero no admite texto en negrita o cursiva, fuentes de colores u otros formatos de texto. El formato de texto plano tampoco permite mostrar imágenes dentro del mensaje, aunque puedes incluirlas como archivos adjuntos.
Con el formato RTF, puedes formatear el texto con viñetas, alinear el texto y utilizar otras opciones, como añadir objetos enlazados. Los archivos adjuntos en un mensaje RTF aparecen como iconos dentro del cuerpo del mensaje. En cambio, en los mensajes HTML, los archivos adjuntos aparecen debajo del encabezado del asunto del mensaje.
Article Actions<input type=”email”><input> elements of type email are used to let the user enter and edit an e-mail address, or, if the multiple attribute is specified, a list of e-mail addresses.Try it
The input value is automatically validated to ensure that it’s either empty or a properly-formatted e-mail address (or list of addresses) before the form can be submitted. The :valid and :invalid CSS pseudo-classes are automatically applied as appropriate to visually denote whether the current value of the field is a valid e-mail address or not.
ValueThe <input> element’s value attribute contains a string which is automatically validated as conforming to e-mail syntax. More specifically, there are three possible value formats that will pass validation:
See Validation for details on how e-mail addresses are validated to ensure that they’re formatted properly.Additional attributesIn addition to the attributes that operate on all <input> elements regardless of their type, email inputs support the following attributes.listThe values of the list attribute is the id of a <datalist> element located in the same document. The <datalist> provides a list of predefined values to suggest to the user for this input. Any values in the list that are not compatible with the type are not included in the suggested options. The values provided are suggestions, not requirements: users can select from this predefined list or provide a different value.maxlengthThe maximum number of characters (as UTF-16 code units) the user can enter into the email input. Debe ser un valor entero 0 o superior. Si no se especifica ninguna longitud máxima, o se especifica un valor no válido, la entrada de correo electrónico no tiene longitud máxima. Este valor también debe ser mayor o igual que el valor de minlength.
El enlace HTML mailto abre el cliente de correo electrónico predeterminado del visitante cuando se vincula. Este tipo de enlace hace que un usuario pueda ponerse en contacto con usted por correo electrónico rápidamente. Puedes especificar un asunto, CC, BCC y cuerpo por defecto con un enlace mailto.
La mayoría de las veces, en esta época moderna, esto incluirá una dirección de correo electrónico o un número de teléfono de algún tipo. En este artículo, veremos cómo enlazar un correo electrónico en su HTML. Esto le permitirá asegurarse de que el cliente de correo electrónico por defecto se abre con el correo electrónico de la empresa como el destinatario.
Un enlace mailto en HTML facilita que un usuario se ponga en contacto con usted a través del correo electrónico. Cuando se hace clic en un enlace mailto, el cliente de correo electrónico del usuario se abre. Se crea un nuevo correo electrónico dirigido al correo electrónico del enlace mailto.
El enlace HTML mailto abre automáticamente el cliente de correo electrónico del usuario cuando se hace clic en él. Puede rellenar un enlace mailto con información como la línea de asunto, el cuerpo o la CC. Un enlace mailto debe incluir la dirección a la que se debe enviar el correo electrónico.
¿Quieres aprender más sobre HTML? Tenemos una guía de Cómo aprender HTML para ti. Esta guía contiene consejos de expertos sobre cómo aprender HTML. También encontrarás una lista de los mejores recursos de aprendizaje para ayudarte a avanzar en tus conocimientos.