¿Cómo crear un texto que permita enviar un correo electrónico en un documento HTML cuando se hace clic en el botón?

En este artículo, aprenderemos cómo crear el texto que permite enviar el correo electrónico en el documento HTML cuando se hace clic en el botón. Simplemente podemos crear un formulario que se puede usar para crear el texto, es decir, el cuerpo del mensaje, así como también se puede usar para enviar el correo electrónico a la dirección respectiva.

La propiedad de acción del formulario se utiliza para especificar la URL del documento donde se enviarán los datos después de enviar el formulario con la ayuda de un botón. En la propiedad de acción, podemos definir el correo electrónico del remitente utilizando el enlace mailto en forma de HTML. Además, podemos configurar el correo electrónico usando algunas otras propiedades en el enlace mailto.

Sintaxis:

<form  method="POST" action="mailto: name@gmail.com" 
enctype="multipart/form-data">

También podemos enviar correo de las siguientes maneras:

  • Campo Cc : Cc significa Carbon Copy. El usuario cuya dirección de correo electrónico se especifica en este campo obtendrá una copia del mensaje de correo electrónico. De esta forma, puede enviar un mensaje similar a varios usuarios con un solo clic. Las direcciones de correo electrónico a las que se envió el correo electrónico también serán visibles para todos los demás destinatarios. Es un campo opcional. Puede utilizar este campo según sus requisitos.  

    Sintaxis:

    <form action="mailto:abc@gmail.com ? Cc=xyz@gmail.com">
      Send Email
    </form>
  • Campo Bcc::Bcc significa Blind Carbon Copy. El usuario cuya dirección de correo electrónico se especifica en este campo obtendrá una copia del mensaje de correo electrónico, pero la dirección de correo electrónico del destinatario mencionada aquí no será visible para otros destinatarios. Es un campo opcional. Puede utilizar este campo según sus requisitos.

    Sintaxis:

    <form action="mailto:abc@gmail.com ? Bcc=xyz@gmail.com">
      Send Email
    </form>

Comprendamos cómo crear un texto que permita enviar el correo electrónico cuando se hace clic en el botón usando un ejemplo.

Ejemplo: Crear un botón para enviar un correo electrónico utilizando el atributo de acción del formulario.

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>E-mail</title>
</head>
  
<body>
    <h4>Click To Send An E-mail</h4>
    <form action="mailto: ahujaannie3@gmail.com">
        Username:<br>
        <input type="text" name="username" 
               placeholder="Enter Username"><br><br>
        Message:<br>
        <input type="textarea" name="message" 
            rows="10" cols="30" 
            placeholder="Enter your message">
        <br><br>
        <input type="submit" value="Send Email">
    </form>
</body>
  
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por annieahujaweb2020 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

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