La etiqueta <option> en HTML se usa para elegir una opción de un menú desplegable. Esta etiqueta se puede usar con o sin ningún atributo y el valor necesario se puede enviar al servidor. El grupo de opciones se puede crear usando la etiqueta <optgroup> . Crea un grupo de elementos de menú relacionados.
Sintaxis:
<option> Contents... </option>
Atributos: la etiqueta <option> contiene cuatro atributos que se enumeran a continuación:
- disabled : este atributo contiene el valor disabled que representa que la opción está deshabilitada.
- etiqueta : este atributo contiene el valor de texto que representa la etiqueta abreviada para la opción.
- seleccionado : este atributo contiene el valor seleccionado que representa el elemento que se preseleccionó cuando se cargó el navegador.
- valor : este atributo contiene el texto de valor enviado al servidor.
Ejemplo 1:
HTML
<!DOCTYPE html> <html> <body> <h1>GeeksforGeeks</h1> <h2>HTML option Tag</h2> <select> <!-- option tag starts --> <option>Choose an option</option> <option value="html">HTML</option> <option value="java">JAVA</option> <option value="C++">C++</option> <option value="php">PHP</option> <option value="perl">PERL</option> <!-- option tag ends --> </select> </body> </html>
Producción:
Ejemplo 2:
HTML
<!DOCTYPE html> <html> <body> <h1>GeeksforGeeks</h1> <h2>HTML option Tag</h2> <strong>Select City<br></strong> <select> <!-- option tag starts --> <option>Allahabad</option> <option>Pryagraj</option> <option>Jaipur</option> <option>Noida</option> <!-- option tag ends --> </select> </body> </html>
Producción:
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Firefox
- Safari
- Ópera
Publicación traducida automáticamente
Artículo escrito por Vishal_Khoda y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA