Apareció hace unos días una entrada en CreativosOnline sobre una etiqueta HTML bastante olvidada, aunque está ahí, y que tiene bastante utilidad al realizar menús desplegables dentro de nuestros formularios. Se trata de OPTGROUP. Yo en su momento la estudié muy de refilón y ya la tenía en el limbo del completo olvido.
El elemento OPTGROUP te permite agrupar opciones lógicamente dentro de un deslegable en un formulario. Esto es particularmente útil cuando el usuario debe elegir de entre una larga lista de opciones ya que es más fácil apreciar y recordar grupos de opciones relacionadas que una larga lista de opciones sueltas. En HTML 4, todos los elementos OPTGROUP deben especificarse directamente dentro de un elemento SELECT (es decir, no pueden anidarse unos grupos dentro de otros).
Y aquí un ejemplo:
<form>
<select>
<optgroup label="Comunidad del Abeto">
<option>Hola Mundo</option>
<option>Hola Abeto</option>
</optgroup>
<optgroup label="Abeto's Community">
<option>Hello World</option>
<option>Hello Abeto</option>
</optgroup>
</select>
</form>
El elemento OPTGROUP te permite agrupar opciones lógicamente dentro de un deslegable en un formulario. Esto es particularmente útil cuando el usuario debe elegir de entre una larga lista de opciones ya que es más fácil apreciar y recordar grupos de opciones relacionadas que una larga lista de opciones sueltas. En HTML 4, todos los elementos OPTGROUP deben especificarse directamente dentro de un elemento SELECT (es decir, no pueden anidarse unos grupos dentro de otros).
Y aquí un ejemplo:
<form>
<select>
<optgroup label="Comunidad del Abeto">
<option>Hola Mundo</option>
<option>Hola Abeto</option>
</optgroup>
<optgroup label="Abeto's Community">
<option>Hello World</option>
<option>Hello Abeto</option>
</optgroup>
</select>
</form>
No hay comentarios:
Publicar un comentario