html - texto - Seleccionar vs botones de radio y casillas de verificación

formulario html

Question

¿Cuál es la diferencia semántica entre usar un elemento <select> que contiene <option> hijos y, usando un <input type="radio"> elementos dentro de un <fieldset> parent? Ambos métodos le ofrecen al usuario seleccionar como máximo una opción. Las únicas diferencias son visuales y relacionadas con la experiencia del usuario : el primer método muestra al usuario un menú desplegable mientras que la otra opción muestra botones de opción.

De forma equivalente, ¿cuál es la diferencia entre <select multiple=""> con <option> children (un menú desplegable de selección múltiple) y usando <input type="checkbox"> (casillas de verificación)? De nuevo, no veo ninguna diferencia en la función; solo presentación.

Me pregunto por qué la especificación HTML tiene ambos métodos para que lo usen los desarrolladores. Si la única diferencia está en la presentación y en la experiencia del usuario , ¿no deberíamos usar solo un método?

Answer 1

En términos generales, no existe una diferencia tan particular entre el botón de opción y una lista de selección (menú desplegable) pero, dado que el espacio de pantalla utilizado es proporcional al número de opciones , si el número de opciones varía entre dos y siete. botones de opción , para ocho o más opciones , usa una lista desplegable o una lista de selección única.

Otra cosa a tener en cuenta al diseñar es: si la opción predeterminada se recomienda para la mayoría de los usuarios en la mayoría de las situaciones, los botones de opción podrían llamar más la atención de las opciones de lo necesario. Considere usar una lista desplegable si no desea llamar la atención sobre las opciones o si no desea alentar a los usuarios a realizar cambios. Una lista desplegable se centra en la selección actual, mientras que los botones de opción enfatizan todas las opciones por igual.

Lo mismo se aplica a la casilla de verificación y al menú desplegable de selección múltiple.