Desde la perspectiva de un diseñador web, permitir al usuario elegir múltiples opciones de un cuadro de selección es bastante simple y directo. Solo necesitamos agregar el atributo «múltiple» al elemento
El usuario tiene que mantener presionado la tecla CTRL (en Windows) y la tecla de comando (en Mac) para seleccionar las opciones.
El atributo «múltiple» es un atributo booleano que cuando está presente significa que se pueden elegir múltiples opciones.
Sin embargo, desde la perspectiva de un diseñador web, el código HTML para selecciones individuales y múltiples selecciones de un desplegable difiere un poco; Desde la perspectiva del usuario final, esta diferencia no es visible en la página web. El cuadro de selección no cambiaría su diseño o estilo en ninguno de los casos. Por lo tanto, se debe decir al usuario cómo seleccionar múltiples opciones en el cuadro.
Dado el punto mencionado anteriormente, es una mejor opción para elegir las casillas de verificación en múltiples selecciones si el número de opciones es menor.
La forma de seleccionar múltiples opciones de un desplegable difiere de un sistema operativo a otro. Mientras que el botón de control (CTRL) se usa para las selecciones en Windows, el botón de comando hace el truco en los sistemas Mac.
¿Cómo hacer una opción multiple en HTML?
En una computadora de escritorio, hay varias formas de seleccionar múltiples opciones en un elemento
Los usuarios del mouse pueden contener las teclas CTRL, Command o Shift (dependiendo de lo que tenga sentido para su sistema operativo) y luego haga clic en múltiples opciones para seleccionarlas/deseleccionarlas.
ADVERTENCIA: El mecanismo para seleccionar múltiples elementos no contiguos a través del teclado descrito a continuación actualmente solo parece funcionar en Firefox.
En MacOS, los atajos CTRL + UP y CTRL + Down entran en conflicto con los accesos directos predeterminados del sistema operativo para el control de la misión y las ventanas de aplicaciones, por lo que tendrá que apagarlos antes de que funcione.
Los usuarios de teclado pueden seleccionar múltiples elementos contiguos por:
- Centrarse en el elemento
- Seleccionar un elemento en la parte superior o inferior del rango que desean seleccionar usando el
Arriba
y
Abajo
Llaves del cursor para subir y bajar las opciones. - Manteniendo presionada el
Cambio
clave y luego usando el
Arriba
y
Abajo
Llaves del cursor para aumentar o disminuir el rango de elementos seleccionados.
Los usuarios de teclado pueden seleccionar múltiples elementos no contiguos por:
- Centrarse en el elemento
- Seleccionar un elemento en la parte superior o inferior del rango que desean seleccionar usando el
Arriba
y
Abajo
Llaves del cursor para subir y bajar las opciones. - Manteniendo presionada el
Cambio
clave y luego usando el
Arriba
y
Abajo
Llaves del cursor para aumentar o disminuir el rango de elementos seleccionados.
Control
clave que usar el
Arriba
y
Abajo
Las teclas del cursor para cambiar la opción de selección «enfocada», es decir, la que se seleccionará si elige hacerlo. La opción de selección «enfocada» se resalta con un esquema punteado, de la misma manera que un enlace centrado en el teclado.
¿Cómo hacer una lista desplegable multiple en HTML?
Este ejercicio ilustra las nociones básicas sobre el uso de la Lista desplegable auxiliar y el cuadro de lista de ayudantes en una aplicación web MVC ASP.NET. Puede usar Microsoft Visual Web Developer 2010 Express Service Pack 1, una versión gratuita de Microsoft Visual Studio para seguir el ejercicio. Antes de comenzar, asegúrese de haber instalado los requisitos previos enumerados a continuación. Puede instalarlos haciendo clic en la siguiente conexión: plataforma web de instalación guiada. Alternativamente, puede instalar los requisitos previos individualmente utilizando las siguientes conexiones:
Para este tema hay un proyecto de desarrollador web visual con el código fuente de C# completado. Descargar.
Se crearán métodos de acción y vistas que usan la Lista desplegable de Helper para seleccionar una categoría. JQuery también se utilizará para agregar un diálogo de inserción de categoría que se puede usar cuando se necesita una nueva categoría (por ejemplo, género o artista). A continuación se muestra una captura de pantalla de la vista Crear que muestra las conexiones para agregar un nuevo género y agregar un nuevo artista.
- Cómo usar la Lista desplegable a Helper para seleccionar datos de categorías.
- Cómo agregar un diálogo jQuery para agregar nuevas categorías.
Para comenzar, descargue el proyecto inicial con la siguiente conexión, descargue. En recursos de exploración, haga clic en el botón derecho del mouse en el archivo ddl_starter.zip y seleccione propiedades. En el cuadro de diálogo Valunddl_starter.zip Seleccione Desbloqueo.
¿Cómo crear opciones en HTML?
Este artículo explica cómo crear un menú de caída en un sitio web utilizando el código HTML y las hojas de estilo CSS. El menú de caída se mostrará cuando el usuario reproduzca el puntero del mouse en el botón relevante. Tan pronto como el menú aparezca en el video, el usuario podrá seleccionar los elementos que contiene para realizar las acciones relativas. En este caso, los elementos del menú Drop -down estarán compuestos de enlaces HTML a páginas web.
- Si ha optado por usar Notipad ++, antes de continuar asegurarse de seleccionar la opción HTML en el menú del idioma ubicado en la parte superior de la ventana del programa.
- Antes de publicar su sitio en línea, siempre pruebe las diversas funciones verificando que funcionen correctamente.
- El código propuesto en el artículo se utiliza para crear un menú de caída que se muestra automáticamente tan pronto como el puntero del mouse se coloca en el botón de menú. Si necesita crear un menú de caída que se muestra solo cuando el usuario presione el botón, deberá usar un JavaScript. [3] Investigación XFonte
- Dentro del código HTML, la elección de colores es bastante limitada cuando se usa etiquetas textuales como «negro» o «verde». Puede ampliar el rango de colores utilizando un generador de códigos hexadecimales para crear tonos personalizados. Por ejemplo, prueba este sitio web.
El equipo de gestión de contenido de Wikihow controla cuidadosamente el trabajo del personal editor para asegurarse de que cada artículo cumpla con nuestros estándares de calidad. Este artículo fue visto 73 277 veces
¿Cómo hacer una lista de selección en HTML?
Utiliza la etiqueta HTML Select para crear menús desplegables para que los usuarios puedan seleccionar el valor que desean. Es una característica instrumental en la recopilación de datos que se enviarán a un servidor.
La etiqueta Seleccionar normalmente va dentro de un elemento de formulario, con los elementos para elegir entre otra etiqueta,
En este tutorial, lo guiaré a través de cómo crear un menú desplegable con la etiqueta Seleccionar para que pueda comenzar a usarlo para recopilar datos en sus proyectos de codificación. También tocaré cómo diseñar la etiqueta seleccionada porque es notoriamente difícil de peinar.
Antes de sumergirme en Whot para crear un menú desplegable con la etiqueta Seleccionar, necesitamos discutir los atributos que toma la etiqueta Seleccionar.
- Nombre: debe adjuntar el nombre a cada control de formulario, ya que se utiliza para hacer referencia a los datos después de que se envíe al servidor.
- Múltiple: este atributo permite al usuario seleccionar múltiples opciones en el menú desplegable.
- Requerido: Esto se usa típicamente para la validación. Con él, el formulario no se enviará a menos que un usuario seleccione al menos una opción del desplegable.
- Desactivado: este atributo impide que el usuario interactúe con las opciones.
- Tamaño: expresado en números, el atributo de tamaño se utiliza para especificar cuántas opciones se verán a la vez.
- Autofocus: este atributo se usa en todas las entradas de formulario, seleccione inclusive, para especificar que la entrada debe estar en el enfoque cuando la página se carga.
Artículos Relacionados:
