Aplicaciones de Windows
Contraer la tabla de contenido
Expandir la tabla de contenido

Inicio rápido: Agregar controles de selección (aplicaciones de la Tienda Windows con JavaScript y HTML)

En este inicio rápido se describen los pasos para agregar un control de selección a una aplicación de la Tienda Windows con JavaScript.

Requisitos previos

Ninguno

Instrucciones

1. Crea un control de selección en modo de control flotante.

En HTML, el elemento <select> representa el control de selección. Para crear un control de selección en modo de control flotante, agrega el elemento <select> sin un atributo de tamaño y múltiple. En el ejemplo siguiente se crea un control de selección de control flotante que contiene dos grupos, cada uno con tres elementos entre los que seleccionar. Los usuarios no pueden seleccionar los nombres de grupo.

<select>
    <optgroup label="Fruits">
        <option>Apples</option>
        <option>Bananas</option>
        <option>Grapes</option>
    </optgroup>
    <optgroup label="Vegetables">
        <option>Broccoli</option>
        <option>Carrots</option>
        <option>Eggplant</option>
    </optgroup>
</select>

2. O crea un control de selección en modo en línea.

Para colocar el control de selección en modo en línea, establece el atributo de tamaño o configura el atributo múltiple para habilitar la selección múltiple para el modo en línea. Nunca debes usar el atributo múltiple sin tener configurado primero el atributo de tamaño. En el ejemplo siguiente se crea un control de selección de varias selecciones en el modo en línea, con seis elementos entre los que seleccionar.

<select size="8" multiple>
    <optgroup label="Fruits">
        <option>Apples</option>
        <option>Bananas</option>
        <option>Grapes</option>
    </optgroup>
    <optgroup label="Vegetables">
        <option>Broccoli</option>
        <option>Carrots</option>
        <option>Eggplant</option>
    </optgroup>
</select>


Resumen

En este tema aprendiste a agregar controles de selección.

 

 

Mostrar:
© 2018 Microsoft