-
Un Tutorial HTML Menú desplegable
-
formularios web se utilizan en las páginas HTML para recopilar datos de los visitantes. Los formularios permiten a varios tipos de campos de entrada, incluyendo cuadros de texto, botones de radio, casillas de verificación y menús desplegables. Añadir un menú desplegable HTML a un formulario web para ofrecer a sus visitantes muchas opciones en una cantidad muy limitada de espacio. A diferencia de los botones de radio o casillas de verificación en la que se enumeran todas las opciones en la pantalla, menús desplegables HTML normalmente sólo muestran una opción y ocultar el resto. Un ejemplo común de un menú desplegable de selección de estados es donde un único menú desplegable puede contener los nombres de los cincuenta estados.Instrucciones
1 Crear el cuerpo menú desplegable utilizando la etiqueta "seleccionar". Comience el menú desplegable con <select> y terminar el menú desplegable con </ select>.
2 Elija un nombre, tamaño y múltiples ajustes e incluirlos dentro de la etiqueta <select>.
El ajuste de "nombre" tiene el nombre del menú desplegable. El ajuste de "tamaño" le permite limitar la cantidad de opciones de menú se mostrarán en la pantalla. El tamaño por defecto es uno, pero se puede crear un menú desplegable que muestra varias opciones. Si el argumento "múltiple" se ha establecido, el usuario puede seleccionar varias opciones en el menú desplegable. Dejar de lado el "múltiple" ajuste para crear un menú desplegable en el que los usuarios sólo pueden seleccionar una sola opción.
El HTML <select> código sigue este formato:
<Select name = tamaño "sunombre" = 2 múltiple></ Select>
En este ejemplo, el menú desplegable se denomina "sunombre". Se mostrará dos opciones en la pantalla y los visitantes podrán elegir varias opciones.Para crear un sencillo menú desplegable donde se muestra sólo una opción en la pantalla y los usuarios sólo pueden seleccionar una opción, utilice el siguiente código:
<Select name = "sunombre"></ Select>
En este ejemplo, el tamaño y múltiples argumentos faltan por lo que el menú desplegable adquiere propiedades predeterminadas.3 Definir las opciones de los menús desplegables. Comience cada opción con la etiqueta <option> y terminar cada uno con la etiqueta </ option>.
El formato básico es el siguiente:<Option value = "yourvalue"> Verde </ option>
El valor del ajuste de la opción de nombres para el procesamiento interno. El valor de la opción no se muestra al visitante del sitio Web y sólo se utiliza para el procesamiento de formularios web. Las palabras encerradas entre las etiquetas <option> y </ option> etiquetas (en este caso la palabra "verde") aparecerá en la pantalla visible para los visitantes del sitio web.
Incluir un comando opción para cada opción del menú desplegable. El código final desplegable se verá de la siguiente manera:
<Select name = "su nombre">
<Option value = "uno"> manzanas verdes </ option>
<Option value = ""> dos manzanas amarillas </ option>
<Option value = ""> tres manzanas rojas </ option>
<Option value = "cuatro"> Puré de Manzana </ option>
</ Select>4 Dar instrucciones claras sobre el menú desplegable de modo que el visitante del sitio Web entiende cuál es la opción para seleccionar. Si el ajuste "múltiple" se establece, indique al usuario para seleccionar varias opciones haciendo clic en el ratón y pulsar el botón "Ctrl" al mismo tiempo.
5 Inserte el código desplegable en un formulario web en una página HTML.
Utilice la siguiente distribución:
<Html>
<Body>
<Form name = acción "sample_form" = "http://www.your_domain_name.com/formprocessing.cgi" method = "POST">
<P> Seleccione su tipo favorito de la manzana en el menú desplegable. </ P>
<Select name = "su nombre">
<Option value = "uno"> manzanas verdes </ option>
<Option value = ""> dos manzanas amarillas </ option>
<Option value = ""> tres manzanas rojas </ option>
<Option value = "cuatro"> Puré de Manzana </ option>
</ Select>
</ Form>
</ Body>
</ Html>
