Tecnología

Inicio

Opciones HTML para Seleccionar etiqueta

Opciones HTML para Seleccionar etiqueta


La etiqueta HTML <select> se utiliza para crear una lista desplegable, como parte de un formulario. Cada elemento se establece usando etiquetas <option> anidadas dentro de la abertura <select> y cierre </ select> para crear la lista. La lista de selección se incorpora habitualmente dentro de un formulario HTML como parte de la recopilación de información del usuario. El selecto tiene atributos opcionales que se pueden ajustar para cambiar la apariencia y el comportamiento de este elemento.

El facultativo "Tamaño" Atributo

Incluyendo el atributo "tamaño" en la <select> significa el número de elementos <option> el usuario ve en el cuadro de desplazamiento. Sin el atributo de tamaño, la <select> ve y se comporta como una lista desplegable, pero una vez que se incluye el atributo de tamaño, se convierte en un cuadro de lista desplegable.

El atributo de tamaño se añade a la <select> como en el código siguiente:

<Select size = 4>

<Opción> Punto Primero </ option>

<Opción> Punto Segundo </ option>

<Opción> Punto Tercero </ option>

<Opción> Punto Cuarto </ option>

</ Select>

El facultativo "múltiple" Atributo

El atributo "múltiple" de <select> permite al usuario seleccionar más de un elemento de la lista. Para seleccionar más de un elemento de la lista, el botón de control "CTRL" necesita ser presionado simultáneamente con el clic del ratón. Si no se incluye el atributo múltiple, sólo un elemento puede ser seleccionado de la lista.

El atributo múltiple se añade a la <select> como en el código siguiente:

<Seleccionar varios>

<Opción> Punto Primero </ option>

<Opción> Punto Segundo </ option>

<Opción> Punto Tercero </ option>

<Opción> Punto Cuarto </ option>

</ Select>

Añadiendo el atributo múltiple cambia la apariencia de la lista <select> a partir de una lista desplegable para una ventana de avance.

El facultativo "minusválidos" Atributo

Añadiendo el atributo "desactivada" a <select> hace que la lista visible para el usuario pero no está disponible para su uso. El atributo deshabilitado para <select> sigue la convención W3C para discapacitados y los controles no pasará el valor del elemento al servidor para su procesamiento al presentar el formulario.

El atributo discapacitados se añade a la <select> como en el código siguiente:

<Seleccione desactivado>

<Opción> Punto Primero </ option>

<Opción> Punto Segundo </ option>

<Opción> Punto Tercero </ option>

<Opción> Punto Cuarto </ option>

</ Select>

El facultativo "Tabidex" Atributo

Añadiendo el atributo opcional "tabindex" al <select> dicta el orden de tabulación del elemento <select> como las fichas de los usuarios a través del documento con la tecla "tab".

El atributo tabindex se añade a la <select> como en el código siguiente:

<Seleccione tabindex = 2>

<Opción> Punto Primero </ option>

<Opción> Punto Segundo </ option>

<Opción> Punto Tercero </ option>

<Opción> Punto Cuarto </ option>

</ Select>