Menú
guía practica

¿Cómo se envía un formulario HTML a un correo electrónico?

HTML recopila y envía campos; un servidor de correo o servicio de formulario envía la notificación. El flujo confiable es el envío del navegador, la validación y el almacenamiento del servidor, la transferencia del proveedor y luego la evidencia de entrega final.

Crear un formulario gratis

Un ejemplo copiable

HTML
<form action="https://littlereply.com/api/submit" method="POST" data-littlereply="YOUR_ACCESS_KEY" data-locale="es" data-success="Hemos recibido tu mensaje.">
  <input type="hidden" name="_fq_key" value="YOUR_ACCESS_KEY" />
  <input type="text" name="botcheck" tabindex="-1" autocomplete="off" style="display:none" aria-hidden="true" />

  <label for="contact-name">Nombre completo *</label>
  <input type="text" name="name" id="contact-name" required />

  <label for="contact-email">Correo electrónico *</label>
  <input type="email" name="email" id="contact-email" required />

  <label for="contact-message">Mensaje *</label>
  <textarea name="message" id="contact-message" required rows="5"></textarea>

  <button type="submit">Enviar mensaje</button>
  <p role="status" aria-live="polite"></p>
</form>
<!-- Errores AJAX accesibles y reintentos sin duplicados -->
<script src="https://littlereply.com/client/v1.js" data-api="https://littlereply.com" defer></script>

la clave YOUR_ACCESS_KEY es un marcador de posición para reemplazar con la clave pública de su formulario. El código no contiene clave de servidor ni dirección de destino.

Comprender la cadena de procesamiento

El formulario se publica en un punto final HTTPS. El servidor valida el esquema, aplica controles de abuso y cuotas, almacena un envío aceptado y programa notificaciones elegibles.

Cada límite tiene su propio estado. La confirmación del navegador debe describir el almacenamiento, mientras que el historial de entrega describe la aceptación del proveedor, la entrega, el rebote o un problema de configuración.

Compare los enfoques disponibles

mailto abre la aplicación de correo de un visitante y no es adecuado para una entrada estructurada confiable. Un backend personalizado proporciona control pero requiere entrega y operaciones seguras. Un backend alojado proporciona el punto final y el flujo de trabajo mientras su página mantiene su diseño.

Verificar un mensaje real

Envíe una prueba reconocible, búsquela en la bandeja de entrada privada, inspeccione el evento del destinatario y del proveedor, luego confirme la llegada a una bandeja de entrada de destino controlada. Registre las fallas en el límite donde ocurren.

Preguntas frecuentes

¿Por qué se almacena el mensaje pero no llega ningún correo electrónico?

Almacenamiento completado, pero es posible que el destinatario, proveedor o buzón final aún requiera atención. Inspeccionar el historial de entregas.

¿Puede JavaScript enviar correo electrónico directamente?

El código del navegador puede llamar a un servicio, pero las credenciales de correo privado nunca deben enviarse a los visitantes.

Del ejemplo a tu formulario

Crear un formulario gratis