¿Cómo definir una lista desplegable en HTML5?

En este artículo, definimos una lista desplegable utilizando el elemento <select> en el documento. Esta etiqueta se utiliza para crear una lista desplegable. La etiqueta <select> contiene la etiqueta <option> para mostrar la opción disponible de la lista desplegable.
Nota: La etiqueta se usa en un formulario para recibir la respuesta del usuario.
Sintaxis: 
 

<select>
    <option>
    <option>
    ...
<select>

Ejemplos: 
 

html

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        HTML5: How to define a drop-down list?
   
    </title> 
</head> 
  
<body style="text-align:center;"> 
    <h1>GeeksforGeeks</h1> 
      
    <h2>HTML5: How to define a drop-down list?
</h2> 
      
      
<p>Select one option from drop-down list:</p>
   
      
    <select> 
        <option value="GFG">GFG</option> 
        <option value="OS">OS</option> 
        <option value="DBMS">DBMS</option> 
        <option value="Data Structure"> 
            Data Structure 
        </option> 
    </select> 
</body> 
  
</html>                     

Producción : 
 

Los navegadores compatibles se enumeran a continuación:

  • Google Chrome
  • explorador de Internet
  • Firefox
  • Ópera
  • Safari

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *