Saltar la navegación

Estructuras HTML comunes que se utilizan en los formularios

Más allá de las estructuras específicas de los formularios web, es bueno recordar que el marcado de los formularios es solo HTML. Esto significa que puedes usar todo el poder del HTML para estructurar un formulario web.

Como puedes ver en los ejemplos, es una práctica común delimitar una etiqueta y su control de formulario con un elemento <li> dentro de una lista <ul> o <ol>. Los elementos <p> y <div> también se usan con frecuencia. Se recomiendan las listas para estructurar múltiples casillas de verificación o botones de opción.

Además del elemento <fieldset>, también es una práctica común usar títulos HTML (por ejemplo, <h1> (en-US)"), <h2> (en-US)")), y seccionar (por ejemplo, <section>), para estructurar formas complejas.

Depende de ti, sobre todo, encontrar un estilo de codificación cómodo que dé como resultado formas con buena accesibilidad y usabilidad. Las secciones independientes con funciones diferentes deben estar contenidas en elementos <section> separados, con elementos <fieldset> para contener botones de opción.