Etiqueta de selección HTML

Etiqueta de selección HTML

HTML comprende varias etiquetas que están destinadas a servir fines extremadamente útiles. Una de las etiquetas más utilizadas de HTML es la etiqueta Seleccionar. Esta etiqueta se usa para crear listas desplegables, y las listas desplegables permiten al usuario elegir una opción de su elección de la lista dada. Las listas desplegables se utilizan principalmente en formularios web para recopilar datos de encuestas. En este tutorial, le enseñaremos el uso de la etiqueta seleccionada en HTML con la ayuda de algunos ejemplos.

Cómo usar la etiqueta Seleccionar en HTML?

Es muy fácil usar la etiqueta Seleccionar en HTML, y se dará cuenta de los siguientes dos ejemplos:

Ejemplo # 1: Seleccionar el lugar de residencia

En este ejemplo, queremos crear una página web que muestre una lista desplegable y permitirá a los usuarios seleccionar sus lugares de residencia desde esa lista desplegable. Para hacerlo, hemos escrito el script HTML que se muestra en la siguiente imagen:

En este script, hemos utilizado la etiqueta seleccionada de HTML para crear una lista desplegable de cuatro países diferentes. Luego, utilizamos las etiquetas de "valor de opción" para indicar los cuatro elementos, yo.mi., Los nombres de los cuatro países en esta lista desplegable. Después de eso, creamos un botón de "enviar" para mejorar la apariencia de nuestra página web. Sin embargo, este botón no nos navegará en ningún lado ya que no hemos creado ninguna página de acción asociada.

Tras la ejecución de este script HTML con Google Chrome, la siguiente página web apareció en nuestro navegador:

Cuando haga clic en esta lista desplegable, podrá seleccionar un país de su elección, como se muestra en la imagen a continuación:

Ejemplo # 2: Selección del lenguaje de programación favorito

Este es otro ejemplo de usar la etiqueta Seleccionar de HTML. En este ejemplo, crearemos una lista desplegable para permitir que el usuario elija su lenguaje de programación favorito. El script HTML para este propósito se muestra en la siguiente imagen:

Hemos creado una lista desplegable de cuatro lenguajes de programación en este script HTML utilizando la etiqueta "Seleccionar" de HTML. Luego, simplemente mencionamos los elementos de esta lista utilizando la etiqueta "Valor de opción" de HTML. Como nuestro primer ejemplo, tenemos un botón ficticio "enviar" en este script HTML.

La página web que muestra nuestra lista desplegable recién creada se muestra en la siguiente imagen:

Cuando haga clic en esta lista desplegable, se le permitirá seleccionar un lenguaje de programación de su elección, como se muestra en la siguiente imagen:

Conclusión

Hoy queríamos transmitir el uso de la etiqueta selecta de HTML a nuestros lectores. Para hacerlo, primero le presentamos el propósito de esta etiqueta HTML, seguido de algunos ejemplos que explicaban el procedimiento gradual de usar esta etiqueta. Terminamos creando dos listas desplegables diferentes. Siguiendo las mismas líneas, puede crear tantas listas desplegables de su elección en HTML como desee.