En el diseño de una página web o un sitio completo en HTML, es posible que tenga un cuadro desplegable HTML. Si no está familiarizado con estas cajas, que son esos pequeños campos ingeniosas (que se encuentra a menudo en los formularios HTML) que le permiten seleccionar un elemento de una lista, haga clic en una flecha, a continuación, desplazarse hacia abajo para encontrar la opción que desee en el lista que se despliega debajo de esa flecha. Ya sea que usted está usando un editor HTML o codificación a mano, creando un cuadro desplegable HTML es simple.
Instrucciones
1 Crear un formulario HTML para albergar a su buzón de HTML. Dentro de un formulario HTML, se puede utilizar un cuadro desplegable HTML para todo, desde lo que permite a un usuario para indicar las preferencias de envío de un formulario de correo electrónico para crear una redirección automática basada en la opción de la lista que el usuario hace clic.
2 Elija una etiqueta "Seleccionar" si está usando un editor HTML, o si va a la codificación manual el código HTML. Escriba lo siguiente:
<Select>
<Option> </ option>
</ Select>
3 Usando la etiqueta "Opciones" dentro de su etiqueta "Seleccionar". Añadir en todos los elementos que necesita para aparecer en la lista para su buzón. Añadir un valor para cada elemento de la lista, por lo que la secuencia de comandos forma será capaz de interpretar la selección del usuario. Puede añadir tantas etiquetas "opción" como sea necesario. Después de completar este paso, su etiqueta HTML debería ser algo como esto:
<Select>
<Option value = "option1"> Opción 1 </ option>
<Option value = "opcion2"> Opción 2 </ option>
<Option value = "opción3"> Opción 3 </ option>
</ Select>
Lo que se teclea entre la apertura y el cierre de las etiquetas "opción" será lo que aparece en el cuadro desplegable. El atributo de valor debe ser utilizado por el script de forma.
4 Dele a su etiqueta "Seleccionar" un atributo de nombre, especialmente si se va a utilizar múltiples buzones dentro de un formulario. Su forma de guión puede requerir la etiqueta "Seleccionar" para tener un atributo de nombre. Su apertura etiqueta "Seleccionar" debe ser algo como esto:
<Select name = "Mi Selección Box">
5 Establecer un atributo de tamaño en su etiqueta "Seleccionar" si quieres más de un elemento sea visible en la lista cuando el usuario carga la página. Por ejemplo, para mostrar tres elementos de la página, cambiar su "Seleccionar" etiqueta de la siguiente manera:
<Select name = tamaño "Mi Selección Box" = "3">
6 Completar ningún ajuste de programación de la secuencia de comandos que va a utilizar con la forma, y añadir las referencias correspondientes en el archivo HTML. Los requisitos exactos varían dependiendo de lo que va a hacer con su forma. Pero si está utilizando JavaScript para causar una página de redirección con su buzón, puede que tenga que añadir un atributo onchange a su etiqueta "Seleccionar" que apunta a la ubicación de su script. Asimismo, será necesario que el script contiene instrucciones que le indican qué página para redirigir a para cada opción en su buzón.
Consejos y advertencias
- Si quieres uno de los elementos de la lista para ser preseleccionado cuando el usuario carga la página, añadir esto en la etiqueta "Opción" para ese artículo: selected = "selected"
- Para que el usuario pueda seleccionar más de un elemento de la lista, tal como en un envío del formulario, agregue el siguiente en la etiqueta "Seleccionar": múltiple = "múltiple"
- Siempre es una buena idea probar las páginas web en varios navegadores para asegurarse de que son compatibles con diferentes plataformas.