Multi-Step Form
Formulario de varios pasos
Un formulario de varios pasos divide una tarea larga en páginas más pequeñas. Verifica las respuestas antes de enviarlas.
Otro ejemplo
Un formulario de proyecto guarda cada respuesta y permite al usuario regresar. Muestra una página de revisión y un recibo después del envío.
Partes principales
- 01Paso actual
- 02Propósito de la página
- 03Atrás y continuar
- 04Borrador guardado
- 05Validación y revisión
- 06Recibo de envío
Úsalo cuando
Úselo cuando una tarea sea demasiado larga para una página o tenga un orden y paso de revisión significativos.
No lo uses cuando
No dividas un formulario corto solo para añadir pasos. Mantén las respuestas cuando las personas regresen, actualicen o vuelvan más tarde.
Nombre usado en código
ordered steps + saved draft + validation + review + one final submit Antes de lanzarlo
Give each field a label that code can read. Link hints and errors, and keep entered values. Check autofill, keyboard order, validation timing, submit states, failure recovery, zoom, and languages.
Outcome: Complete the task with Formulario de varios pasos (Multi-Step Form). User context: Un formulario de proyecto guarda cada respuesta y permite al usuario regresar. Muestra una página de revisión y un recibo después del envío. Recommended pattern: Formulario de varios pasos (Multi-Step Form). Why it fits: Úselo cuando una tarea sea demasiado larga para una página o tenga un orden y paso de revisión significativos. Do not use it when: No dividas un formulario corto solo para añadir pasos. Mantén las respuestas cuando las personas regresen, actualicen o vuelvan más tarde. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary): Ningún estándar oficial único controla todo el término. Su significado puede cambiar según equipos, plataformas o marcos. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Revisa esta petición
Review how Formulario de varios pasos (Multi-Step Form) is used now. Definition: Un formulario de varios pasos divide una tarea larga en páginas más pequeñas. Verifica las respuestas antes de enviarlas. Release checks: Give each field a label that code can read. Link hints and errors, and keep entered values. Check autofill, keyboard order, validation timing, submit states, failure recovery, zoom, and languages. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.