¿Cómo crear un formulario de contacto HTML?

Importante: Los formularios HTML simples que envían datos directamente sin validación ni seguridad se han vuelto obsoletos y poco recomendables por riesgos de seguridad. Para una solución segura y funcional, te sugerimos usar formularios con procesamiento en PHP u otros lenguajes del lado servidor.

Si quieres un ejemplo sencillo de formulario en PHP, puedes hacer clic aquí para ver cómo crear un formulario de contacto PHP básico.

Ejemplo básico de formulario HTML con FormMail.cgi

FormMail.cgi es un script clásico que permite enviar los datos del formulario a tu correo electrónico. Aunque es una técnica antigua, aquí te mostramos cómo se configura un formulario HTML que utiliza este método.

Primero, debes crear un archivo HTML, por ejemplo contacto.html, y pegar el siguiente código:

<form method="POST" action="/cgi-sys/FormMail.cgi">
  <input type="text" name="recipient" value="usted@susitio.com">
  <input type="hidden" name="subject" value="Asunto del Email">
  <input type="hidden" name="redirect" value="http://www.susitio.com/redireccion.htm">

  Tu nombre:<br>
  <input type="text" name="nombre" size="20"><br>

  Tu Email:<br>
  <input type="text" name="email" size="20"><br>

  Tu mensaje:<br>
  <input type="text" name="mensaje" size="100"><br>

  <input type="submit" value="Enviar">
</form>

Explicación del código

Formulario y método: El formulario usa el método POST y envía los datos al script FormMail.cgi que procesa el envío.
Correo receptor: El campo recipient debe contener la dirección de correo donde quieres recibir los mensajes. Esta dirección debe estar creada en tu hosting, preferiblemente dentro del dominio de tu sitio.
Asunto del email: El campo oculto subject define el asunto que aparecerá en el correo recibido.
Redirección: El campo oculto redirect indica la URL a la que se enviará al usuario tras enviar el formulario, normalmente una página de confirmación.
Campos del formulario: Aquí defines los campos que el visitante debe completar, como nombre, email y mensaje.
Botón enviar: Envía los datos al servidor para ser procesados.

Consideraciones importantes

El correo receptor debe ser una cuenta creada en tu hosting para evitar problemas de envío.
Si deseas que el formulario envíe a múltiples correos, separa las direcciones con punto y coma ;.
Este método no incluye validación ni protección contra spam, por lo que no es recomendable para sitios modernos.
Para mayor seguridad y funcionalidad, es preferible implementar formularios con PHP, JavaScript y validación del lado servidor.

Con este código básico, tendrás un formulario HTML funcional que envía mensajes a tu correo, ideal para aprender y experimentar. Sin embargo, para un sitio profesional y seguro, considera actualizar tu formulario con tecnologías actuales.