Generador de formularios HTML
Añade campos, marca los obligatorios y obtén un formulario con etiquetas asociadas y HTML listo para copiar.
Espacio de trabajo · Generador de formularios HTML
Vista previa
HTML generado
<form action="/enviar" method="post" name="contacto">
<div class="field">
<label for="field-nombre">Nombre</label>
<input id="field-nombre" name="nombre" required type="text" placeholder="Tu nombre">
</div>
<div class="field">
<label for="field-email">Correo electrónico</label>
<input id="field-email" name="email" required type="email" placeholder="tu@email.com">
</div>
<div class="field">
<label for="field-mensaje">Mensaje</label>
<textarea id="field-mensaje" name="mensaje" rows="4" placeholder="Escribe tu mensaje"></textarea>
</div>
<button type="submit">Enviar</button>
</form>Cómo se usa
Configura el nombre, la acción y el método del formulario.
Edita cada campo: etiqueta, atributo name, tipo y si es obligatorio.
Revisa la vista previa y copia el HTML generado en tu página.
Ejemplos
Contacto
Nombre, correo y mensaje con los dos primeros campos obligatorios.
Suscripción
Un único campo de email con required y action a tu endpoint.
Soporte
Tipo de incidencia, descripción y fecha de contacto.
Lo que conviene saber
Cada campo genera una etiqueta <label> asociada mediante for/id, un input con type y, si procede, el atributo required. Los valores se escapan antes de insertarlos en el HTML.
El formulario es solo la parte visual: no incluye validación en servidor ni envío real. Conecta el atributo action a tu backend o a un servicio de formularios.
Preguntas frecuentes
Herramientas relacionadas
Otras herramientas que pueden servirte para tareas similares.
Validador de HTML
Detecta etiquetas sin cerrar, cierres incorrectos, ids duplicados y metadatos que faltan.
Generador de snippets HTML
Crea botones, tarjetas, avisos, formularios y tablas con HTML y estilos listos para copiar.
Formateador HTML
Indenta y ordena HTML para que sea fácil de leer.