En este artículo, aprenderemos cómo definir una opción en una lista desplegable en HTML5. El elemento <select> se utiliza para crear listas desplegables en HTML. Esto generalmente se usa para presentar una lista de opciones al usuario en un formulario para que el usuario pueda elegir una opción como la que necesita.
El elemento <option> que se define dentro del elemento <select> define las opciones que están disponibles en la lista desplegable. Esta etiqueta contiene los siguientes atributos:
Los siguientes ejemplos muestran cómo se puede definir una opción en una lista desplegable.
Ejemplo 1: En este ejemplo, los temas se muestran como opciones en la lista desplegable.
HTML
<html> <body> <h1 style="color: green"> GeeksforGeeks </h1> <h3>Options Demo</h3> <form> <label for="sub">Subjects: </label> <!-- Specifying the select element to be used --> <select name="sub" id="sub"> <!-- Specifying the options to be available for selection --> <option value="maths"> maths </option> <option value="science"> science </option> <option value="social"> social </option> <option value="hindi"> hindi </option> </select> <br><br> <input type="submit" value="Submit"> </form> </body> </html>
Producción:
Ejemplo 2: En este ejemplo, las notas de la materia se especifican utilizando el atributo de valor en las opciones de la lista desplegable.
HTML
<html> <body> <h1 style="color: green"> GeeksforGeeks </h1> <h3>Options Demo</h3> <form> <label for="sub">Subjects: </label> <!-- Specifying the select element to be used --> <select name="sub" id="marks"> <!-- Specifying the options to be available for selection along with numerical values --> <option value="98"> maths marks </option> <option value="90"> science marks </option> <option value="90"> social marks </option> <option value="45"> hindi marks </option> </select> <input type="submit" value="Submit"> </form> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por sravankumar8128 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA