Saltar al contenido

botón html para enviar correo electrónico

Este team de expertos despúes de días de investigación y recopilación de de información, hemos dado con los datos necesarios, queremos que te resulte útil para tu trabajo.

Solución:

Este método no parece funcionar en mi navegador, y mirar a mi alrededor indica que todo el tema de especificar encabezados a un mailto link / action es escasamente compatible, pero tal vez esto pueda ayudar …

HTML:

JavaScript (con jQuery):

$(document).ready(function() 
    $('#bt1').click(function() 
        $('#fr1').attr('action',
                       'mailto:[email protected]?subject=' +
                       $('#tb1').val() + '&body=' + $('#tb2').val());
        $('#fr1').submit();
    );
);

Note lo que estoy haciendo aquí. El formulario en sí no tiene ninguna acción asociada. Y el botón de enviar no es realmente un submit tipo, es solo un button escribe. Usando JavaScript, estoy vinculando al evento de clic de ese botón, configurando la acción del formulario attributey luego enviar el formulario.

Funciona tanto como envía el formulario a un mailto action (mi programa de correo predeterminado aparece y abre un nuevo mensaje a la dirección especificada), pero para mí (Safari, Mail.app) en realidad no especifica el Asunto o el Cuerpo en el mensaje resultante.

HTML no es realmente un medio muy bueno para hacer esto, como estoy seguro de que otros señalan mientras escribo esto. Es posible que esto funcione en algunos navegadores y / o algunos clientes de correo. Sin embargo, ya ni siquiera es una suposición segura que los usuarios tengan un cliente de correo pesado en estos días. No recuerdo la última vez que abrí el mío. HTML mailto es un poco de funcionalidad heredada y, en estos días, es realmente bueno que realice la acción de correo en el lado del servidor si es posible.

Puedes usar mailto, aquí está el código HTML:


Reemplazar EMAILADDRESS con su correo electrónico.

Como señala David, su sugerencia en realidad no cumple con la solicitud del OP, que era un correo electrónico con asunto y mensaje. No funciona porque la mayoría, quizás todas, las combinaciones de navegadores y clientes de correo electrónico no aceptan la subject y body attributes de El mailto: URI cuando se proporciona como

‘s action.

Pero aquí hay un ejemplo práctico:

HTML (con estilos Bootstrap):

Create email

JavaScript (con jQuery):


Notas:

En este enfoque, el mailto: Se suministra URI (con subject y body attributes) en un a elementos href etiqueta. Esto funciona en todas las combinaciones de navegadores y clientes de correo electrónico que he probado, que son versiones recientes (2015) de:

  • Navegadores: Firefox / Win y OSX, Chrome / Win y OSX, IE / Win, Safari / OSX y iOS, Opera / OSX
  • Clientes de correo electrónico: Outlook / Win, Mail.app/OSX&iOS, Sparrow / OSX

Consejo adicional: en mis casos de uso, agrego texto contextual al correo electrónico body. La mayoría de las veces, quiero que ese texto contenga saltos de línea. %0D%0A (retorno de carro y salto de línea) funciona en mis pruebas.

Si te apasiona este mundo, eres capaz de dejar una división acerca de qué te ha impresionado de esta reseña.

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 3.5)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *