En este artículo, aprenderemos cómo enviar enlaces por correo para enviar un correo en HTML. El enlace Mailto es una forma predeterminada de enviar un correo cuando el consumidor desea comunicarse o desea dar su opinión; luego, al hacer clic en el enlace mailto , se abrirá una ventana de envío de correo predeterminada. Entonces podemos usar mailto que nos dirige al correo una vez que se envía el formulario. Usando mailto podemos configurar el campo de acción del formulario y, en este caso, el navegador web invoca al cliente de correo electrónico para enviar el envío del formulario a la dirección de correo electrónico especificada. Además, también podemos adjuntar el contenido Cc, Bcc, Asunto y cuerpo.
Sintaxis:
<form method="POST" action="mailto: name@gmail.com"
enctype="multipart/form-data">
Parámetros: este atributo acepta siete parámetros como se describe a continuación:
- mailto: este parámetro contiene la dirección de correo electrónico del destinatario.
- cc: Este parámetro contiene otro correo que recibirá la copia al carbón del correo, es opcional.
- bcc: este parámetro contiene otro correo que recibirá la copia oculta del correo, es opcional.
- asunto: este parámetro contiene el asunto del correo, es opcional.
- cuerpo: este parámetro contiene el contenido del correo, es opcional.
- ?: Este parámetro es el primer delimitador de parámetro, es opcional.
- @: Esto contiene el otro delimitador de parámetros, es opcional.
Enfoque: para enviar el correo a la dirección de correo especificada, usaremos mailto y estableceremos el campo de acción del formulario para el cual el navegador web invocará al cliente de correo electrónico para enviar el envío del formulario a la dirección de correo electrónico especificada. Al hacer clic en el enlace mailto, se abrirá una ventana de envío de correo predeterminada sin tener que copiarlo e ingresarlo en un cliente de correo electrónico.
Los siguientes ejemplos ilustran el uso de enlaces mailto en HTML.
Ejemplo 1: en este ejemplo, hemos utilizado el formulario HTML para tomar el nombre, el número de contacto y el área de texto para enviar las sugerencias.
HTML
<!DOCTYPE html>
<html>
<head>
<title>Using mailto link</title>
<style>
h1 {
color: green;
}
.container {
width: 400px;
border: 2px solid black;
padding: 15px;
}
</style>
</head>
<body>
<div class="container">
<h1>Geeksforgeeks</h1>
<b>Using mailto link</b>
<form method="POST"
action=
"mailto: geeksforgeeks@gmail.com"
enctype="multipart/form-data">
<div class="control">
Name:
<input aria-required=""
id="name"
type="text" />
</div>
<br>
<div class="control">
Ph no:
<input aria-required=""
id="mobile_number"
type="tel" />
</div>
<br>
<div class="control">
Suggestion:
<textarea rows="7"
cols="30"
name="comment">
</textarea>
</div>
<br>
<div class="control">
<input type="submit"
value="Submit" />
</div>
</form>
</div>
</body>
</html>
Producción:
Formulario HTML usando el enlace mailto
Ejemplo 2: Este ejemplo ilustra el uso de un enlace mailto para enviar el formulario de comentarios a través del correo en HTML.
HTML
<!DOCTYPE html>
<html>
<head>
<title>Using mailto link</title>
<style>
h1 {
color: green;
}
.container {
width: 400px;
border: 2px solid black;
padding: 15px;
}
</style>
</head>
<body>
<div class="container">
<h1>Geeksforgeeks</h1>
<b>Using mailto link</b><br>
<a href="mailto:geeksforgeeks@gmial.com?
cc=gfg@gmail.com&
bcc=geeks@gmail.com
&subject=Feedback from the geeks
&body=Add what you want to suggest">
Suggest your thought
about us through mail
</a>
</div>
</body>
</html>
Producción:
Redirigir el formulario de comentarios usando el enlace mailto