techAprendiendo HTML Parte 32: Uso de etiquetas Select y Optgroup en formularios HTML ¿Sabe cómo crear un menú desplegable en un formulario HTML? El menú desplegable en el formulario se crea usando una combinación de la etiqueta y la etiqueta. Anteriormente expliqué en un artículo anterior que hay varias etiquetas que se usan para crear un formulario, incluidas la etiqueta, la etiqueta , la etiqueta y la etiqueta .En el tutorial anterior, hemos discutido sobre el uso de la etiqueta, la etiqueta y la etiqueta . Bueno, en este tutorial, lo que se discute es la etiqueta junto con la etiqueta, los atributos de etiqueta múltiple y optgroup en la etiqueta y el atributo seleccionado en la etiqueta. Para más detalles sobre estas etiquetas y atributos, veamos el tutorial a continuación: etiquetas y etiquetas Esta etiqueta se utiliza para crear menús o listas de opciones. Puede especificar el número de opciones para mostrar utilizando el atributo de tamaño. Al usar esta etiqueta, el usuario puede elegir una de varias opciones proporcionadas.Las elecciones realizadas en la etiqueta se escriben en la etiqueta. La etiqueta es una etiqueta que contiene una lista de opciones en forma de elementos que el usuario seleccionará. Esta etiqueta comienza con una etiqueta de apertura y termina con una etiqueta de cierre. A continuación se muestra un ejemplo de escritura y uso de la etiqueta en HTML:<!DOCTYPE html> <html> <head> <title>Penggunaan Tag Select pada form HTML</title> </head> <body> <form action="proses_input.php" method="get"> Pilih Bulan Lahir Anda : <select name="bulanlahir"> <option value="Januari">Januari</option> <option value="Februari">Februari</option> <option value="Maret">Maret</option> <option value="April">April</option> <option value="Mei">Mei</option> </select><br><br> <input type="submit"> </form> </body> </html>Después de ejecutar el código anterior en el navegador, aparecerá como se muestra a continuación: El atributo múltiple en la etiqueta Este atributo se utiliza para especificar que el usuario puede seleccionar más de una opción de varias opciones proporcionadas. Este atributo se utiliza en la etiqueta . El uso de múltiples atributos será más fácil si se agrega el atributo de tamaño. Para seleccionar un elemento disponible, haga clic en el elemento mientras mantiene presionada la tecla Ctrl. El siguiente es un ejemplo de escritura y uso de múltiples atributos en HTML:<!DOCTYPE html> <html> <head> <title>Penggunaan Atribut Multiple</title> </head> <body> <form action="proses_input.php" method="get"> Pilih Buah Kesukaan Anda :<br> <select name="namabuah" multiple> <option value="Apel">Apel</option> <option value="Manggis">Manggis</option> <option value="Jeruk">Jeruk</option> <option value="Nanas">Nanas</option> <option value="Melon">Melon</option> </select><br><br> <input type="submit"> </form> </body> </html> Después de ejecutar el código anterior en el navegador, aparecerá como se muestra a continuación:El atributo seleccionado en la etiquetaEste atributo se usa en la etiqueta, por lo que una etiqueta que tenga el atributo seleccionado mostrará su selección de etiquetas como el elemento seleccionado (opción predeterminada). En resumen, el atributo seleccionado se usa para determinar qué elemento se selecciona primero cuando se carga la página web. El siguiente es un ejemplo de cómo escribir código y usar el atributo seleccionado en HTML:<!DOCTYPE html> <html> <head> <title>Penggunaan Atribut Selected</title> </head> <body> <form action="proses_input.php" method="get"> Pilih Hewan Kesukaan Anda :<br> <select name="namahewan"> <option value="Kucing">Kucing</option> <option value="Ular">Ular</option> <option value="Bebek" selected>Bebek</option> <option value="Kambing">Kambing</option> <option value="Kelinci">Kelinci</option> </select><br><br> <input type="submit"> </form> </body> </html> Después de ejecutar el código anterior en el navegador, aparecerá como se muestra a continuación:Etiquetas de optgroup y atributos de etiquetaEsta etiqueta se utiliza para agrupar varias opciones o elementos (elementos) en una lista de opciones. El elemento está dentro del elemento y el elemento está ubicado dentro del elemento. Dentro de esta etiqueta hay un atributo de etiqueta que puede usar para etiquetar cada grupo con un nombre específico (nombre de grupo), donde el valor de este atributo de etiqueta está en forma de texto. El siguiente es un ejemplo de cómo escribir y usar la etiqueta y el atributo de etiqueta en HTML:<!DOCTYPE html> <html> <head> <title>Penggunaan Atribut Optgroup</title> </head> <body> <form action="proses_input.php" method="get"> Pilih Kelas Anda : <select> <optgroup label="Sekolah Menengah Pertama"> <option>Kelas VII</option> <option>Kelas VIII</option> <option>Kelas IX</option> </optgroup> <optgroup label="Sekolah Menengah Atas"> <option>Kelas X</option> <option>Kelas XI</option> <option>Kelas XII</option> </optgroup> </select><br><br> <input type="submit"> </form> </body> </html>Cuando se ejecuta el código HTML, se ve así en el navegador: Ahora comprende cómo crear un menú desplegable en un formulario HTML utilizando algunas de las etiquetas y atributos que he descrito anteriormente.Tabla de Contenido Toggle etiquetas y etiquetasEl atributo múltiple en la etiqueta El atributo seleccionado en la etiquetaEtiquetas de optgroup y atributos de etiquetaRecomendado: YouTube revela que es parte de los Illuminati aprendiendo etiquetas formularios HTML Optgroup parte Select uso