La diferencia entre un botón de radio y desplegable

Una de las mejores maneras de dar sitio web o blog los visitantes la capacidad de tomar decisiones rápidas es mediante la adición de un menú desplegable para su página. Debido a la gente a entender cómo funcionan los menús, que pueden utilizarlos sin instrucción. También tiene la opción de utilizar los botones de radio como los controles de selección; la gente suele entender estos también. Mientras tanto los controles realizan tareas similares, difieren en algunas áreas clave que usted debe entender.

Básica sobre el botón de radio

La gente crea botones de radio mediante la adición de etiquetas de entrada a sus páginas Web. Esta etiqueta flexible también tiene la capacidad de botones regulares de productos, casillas de verificación y cuadros de texto. Cuando se establece el atributo type de una etiqueta de entrada a "radio", los navegadores muestran un botón de radio. Los botones de radio, casillas de verificación, a diferencia de permitir a la gente a elegir sólo un valor por defecto. Por ejemplo, si los botones que aparecen "Verano" y "Winter", los visitantes del sitio pueden seleccionar sólo una de esas estaciones. Es una buena idea añadir un botón de opción "Ninguno" a un grupo si es posible que la gente no tenga que seleccionar cualquiera de los otros botones.

Menús desplegables

No se puede crear un menú desplegable usando una etiqueta de entrada, pero se puede hacer un menú desplegable aparece en una página web mediante la adición de una etiqueta de selección a su documento HTML. Esta etiqueta consiste en una abertura "<select>" etiqueta y un cierre de la etiqueta "</ select>". Al colocar etiquetas <option> seleccione entre estas etiquetas, los valores de esas etiquetas de opción se convierten en los elementos de menú que la gente ve cuando hacen clic en el menú para abrirlo. Muchos sitios web contienen una mezcla de controles que pueden consistir en menús desplegables y botones de radio.

Ventajas y desventajas

Una de las mejores características de un menú desplegable es su tamaño compacto. Si tiene que dar a la gente la capacidad de elegir muchos artículos, poner esos elementos en un menú desplegable y visitantes del sitio puede hacer clic en el menú para mostrar los elementos. Debido a que los menús desplegables consumen sólo una pequeña cantidad de espacio vertical, que no tiene que llenar su página con opciones de posición. Los botones de radio, por otra parte, consumen todo el espacio que se necesita para mostrar todos los botones. Si se necesita mostrar los meses del año, por ejemplo, los botones de radio consumen la cantidad de espacio que se necesita para mostrar los 12 meses, por lo que los botones de radio son mejores cuando solo haya que desee ofrecer algunas opciones. De esta manera, sus lectores no tienen que pasar por los pasos adicionales - como hacer clic y activar un menú desplegable - para responder a la encuesta o seleccionar una opción.

Consejos botón de opción

Debido a que las pantallas de ordenador son más anchos que altos, puede ahorrar espacio vertical al utilizar los botones de radio y los coloca horizontalmente en lugar de verticalmente. Es también una buena idea para agrupar los botones de opción en un contenedor div. Cuando se hace esto, se pueden realizar operaciones en el div que afecta a todos los botones. Por ejemplo, si desea mover los botones para una nueva ubicación de esta página, sólo tiene que cambiar la posición del div en lugar de tratar de mover cada botón individualmente. También puede hacer desaparecer todos los botones a la vez llamando a una función de JavaScript que hace que el div desaparecer.

Desplegable Consejos de menú

La forma más rápida de crear un menú desplegable es agregar una etiqueta de selección a la sección del cuerpo de su documento HTML. Si no sabes HTML, así, un editor HTML como Dreamweaver o puede crear menús desplegables para usted. Sólo tiene que indicar al programa de los valores que le gustaría el menú de contener. Si conoces JavaScript, puede crear menús desplegables dinámicos que cambian. menús dinámicos son potentes controles porque se puede añadir nuevos elementos a ellos y retirar los ya existentes mediante programación. También puede manipular botones de radio y todos los demás elementos HTML usando JavaScript.