Can an HTML form work without a backend?

Yes. By pointing the form's action attribute to a third-party form backend API, the browser submits the data directly to that service. You do not need PHP, Node.js, or any server-side code on your own host.

Is it safe to put a form backend URL in HTML?

Yes, as long as the access key is public by design and the backend validates the requesting domain. FormsFort verifies email recipients and supports domain restrictions to prevent abuse.

How do I protect a form without server-side code?

Use a honeypot field hidden with CSS, enable rate limiting in your form backend dashboard, and optionally require a captcha token. These protections are handled by the backend, not your site.

Can I receive file uploads without a backend server?

Yes. Set the form enctype to multipart/form-data and add a file input. The form backend receives and stores the file. Your site never touches the upload.

Guía

Formulario HTML sin back-end.

Cree un formulario de contacto funcional sin código del lado del servidor. Sin PHP, sin Node.js, sin base de datos. Solo HTML y un endpoint de formulario.

1. Cree un backend de formularios estático

Un backend de formularios estático es una API alojada que recibe los datos de su formulario y los reenvía a correo electrónico o integraciones. Regístrese en FormsFort (gratis, sin tarjeta de crédito), crea un formulario y copia tu clave de acceso público.

Esta clave es segura para incrustar en HTML. Solo funciona desde dominios que usted autorice.

2. Escribir el formato del formulario HTML

Create a standard <form> element. Set the action to your form backend endpoint and method to POST. Add fields for name, email, and message.

<form action="https://api.formsfort.com/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY" />
  <label for="name">Name</label>
  <input type="text" id="name" name="name" required />

  <label for="email">Email</label>
  <input type="email" id="email" name="email" required />

  <label for="message">Message</label>
  <textarea id="message" name="message" rows="5" required></textarea>

  <button type="submit">Send</button>
</form>

The access_key tells the backend which form inbox to deliver to. The required attribute enables browser-side validation before the form is even submitted.

3. Agregue protección antispam con un honeypot

Los bots de spam completan todos los campos que ven. Agregue una casilla de verificación oculta que los usuarios reales no tocarán. Si el backend recibe un envío con este campo marcado, lo rechaza automáticamente.

<input type="checkbox" name="botcheck" style="display:none" />

Para una mayor protección, habilite la limitación de velocidad y el captcha opcional en el panel de control del formulario. No se necesitan cambios de código en su sitio.

4. Implementar en cualquier host estático

Debido a que no hay código del lado del servidor, puede implementar este archivo HTML en cualquier host:

Páginas de GitHub
Netlify
Vercel
Cloudflare Pages
AWS S3 + CloudFront
Alojamiento compartido tradicional

Simplemente cargue el archivo o envíelo a su repositorio Git. El formulario funciona en el momento en que la página está activa.

5. Pruebe el envío

Abra la página en un navegador, complete los campos y haga clic en enviar. Verifique la bandeja de entrada configurada en el panel de control de su formulario. Deberías ver el envío en cuestión de segundos.

Si algo sale mal, abra la pestaña Red del navegador para inspeccionar la solicitud POST y la respuesta. La mayoría de los problemas se deben a la falta de una clave de acceso o a un dominio no autorizado.

Avanzado

Más patrones para formularios sin backend.

Ejemplos de formularios HTML

Formularios de contacto, áreas de texto, carga de archivos, casillas de verificación y diseños de varias columnas.

Backend de formulario HTML

Cómo el backend recibe, valida y entrega los envíos de formularios.

Todos los ejemplos

Validación de JavaScript, Ajax, modo oscuro, captcha y fragmentos de webhook.

Preguntas frecuentes

Preguntas comunes sobre formularios sin backend.

¿Puede funcionar un formulario HTML sin un backend?

Sí. Al apuntar el atributo de acción del formulario a una API de backend de formularios de terceros, el navegador envía los datos directamente a ese servicio. No necesita PHP, Node.js ni ningún código del lado del servidor en su propio host.

¿Es seguro poner una URL de fondo de formulario en HTML?

Sí, siempre y cuando la clave de acceso sea pública por diseño y el backend valide el dominio solicitante. FormsFort verifica los destinatarios del correo electrónico y admite restricciones de dominio para evitar abusos.

¿Qué hosts funcionan con formularios HTML sin backend?

Cualquier host que sirva HTML funciona. Esto incluye GitHub Pages, Netlify, Vercel, Cloudflare Pages, Surge, Render Static Sites, AWS S3 y alojamiento compartido tradicional.

¿Cómo protejo un formulario sin código del lado del servidor?

Utilice un campo de honeypot oculto con CSS, habilite la limitación de velocidad en el panel de control del formulario y, opcionalmente, solicite un token captcha. Estas protecciones son manejadas por el backend, no por su sitio.

¿Puedo recibir carga de archivos sin un servidor backend?

Sí. Establezca el tipo de cifrado del formulario en multipart/form-data y agregue una entrada de archivo. El backend de formularios recibe y almacena el archivo. Su sitio nunca toca la carga.

Cree su primer formulario sin backend.

Cree un formulario, obtenga su clave de acceso y reciba envíos en menos de 5 minutos.

Iniciar plan pago