Inicio > Referencia HTML > Tags HTML > Tag HTML optgroup

Tag HTML optgroup

Nota: Si no sabes lo que es un tag y/o cómo se debe utilizar, te recomendamos que leas nuestro tutorial "tags y atributos HTML" que puedes encontrar en nuestra sección de tutoriales HTML.

Tabla de contenidos

Descripción
Atributos
Eventos
Ejemplos

Descripción

El tag HTML optgroup permite a los autores agrupar opciones en uns list "select" (tag HTML select).

Atributos

id (name)

El atributo "id" asigna un identificador al elemento asociado. Este identificador debe ser único en el documento y puede ser usado para referirse a ese elemento.

Ejemplo:

Comienzo del código Este es el primer párrafo nombrado parrafo1. Para cambiar dinámicamente las propiedades del mismo usa este identificador.Fin del código

class (cdata)

El atributo "class" asigna un nombre de clase (o una lista de nombres de clase separados por espacios) al elemento contenedor. Es usado con hojas de estilos e indica al navegador la clase a la cual el elemento está asociado. Una clase provee atributos visuales para los elementos.

Ejemplo:

Comienzo del código Este artículo está basado en el libro "Viento en los árboles" por Jhon L. Brooks

Este artículo está basado en el libro "Viento en los árboles" por Jhon L. Brooks... y es más importante que el anterior.Fin del código

style (style)

Define un estilo visual para el elemento. Es una mejor práctica definir atributos en hojas de estilos externas agrupándolos en clases. Los atributos en el parámetro "style" deben preservar este orden "nombre : valor" y ser separados por un punto y coma.

Si estás escribiendo código XHTML te recomendamos no utilizar este atributo y probar con las clases de hojas de estilo (con el atributo "class").

Ejemplo:

Comienzo del código Este es un párrafo con un estilo definido
Y este es otro texto sin estilo.Fin del código

title (text)

Indica un título para el elemento. Usado para dar una descripción acerca del elemento que es usualmente mostrado como un "tool tip" cuando el usuario pone el puntero del mouse sobre el elemento.

Ejemplo:

Código	Visualización
<a title="HTMLQuick.com" href="http://www.htmlquick.com">Código HTML</a>	Código HTML

lang (langcode)

Especifica el lenguaje del contenido de un elemento. El valor predeterminado es "desconocido".

Al escribir código XHTML la sintaxis "xml:lang" representa una alternativa preferida en XHTML 1.0 y un reemplazo en XHTML 1.1 (por ejemeplo, xml:lang="en").

Ejemplo:

Comienzo del código This is a paragraph in english.
Este es un párrafo en español.Fin del código

dir

Especifica la dirección de texto del contenido y atributos del elemento, así como la direccionalidad de las tablas. Tiene dos valores posibles que son insensibles a mayúsculas/minúsculas:

RTL: Derecha a izquierda.
LTR: Izquierda a derecha.

Ejemplo:

Comienzo del código <q lang="he" dir="rtl">...Una cita en Hebreo...</q>Fin del código

disabled

Cuando se establece este atributo, el control es deshabilitado, lo que significa que no puede obtener el enfoque, que su valor no puede ser cambiado y que no será enviado junto con el formulario. Dependiendo del navegador los elementos deshabilitados pueden ser mostrados de una manera diferente.

Ejemplo:

Código	Visualización
<form action="ejemplo.php"> <div> <input name="primerboton" type="button" value="Habilitado" /><br /><br /> <input name="segundoboton" type="button" value="Deshabilitado" disabled="disabled" /><br /><br /> <input name="textosegundo" type="text" value="Habilitado" /><br /><br /> <input name="textoprimero" type="text" value="Deshabilitado" disabled="disabled" /> </div> </form>

label (text)

Especifica una etiqueta para el grupo de opciones. Este texto será mostrado como título para el grupo.

Eventos

onclick
ondblclick
onmousedown
onmouseup
onmouseover
onmousemove
onmouseout
onkeypress
onkeydown
onkeyup

Lista completa e información acerca de eventos en HTML

Ejemplos

Ejemplo común.

Código	Visualización
<form action="ejemplo.php"> <div> <select> <optgroup label="Lenguajes del lado servidor"> <option>PHP</option> <option>ASP</option> </optgroup> <optgroup label="Lenguajes del lado cliente"> <option>JavaScript</option> <option>VBScript</option> </optgroup> </select> </div> </form>

Saltar declaraciones W3C |

| ¿Por qué confiar en nosotros? Haz click en las imágenes de la izquierda para ver que tan seriamente escribimos nuestras propias páginas, luego haz tu elección.

Este sitio web da su mejor esfuerzo por lograr el nivel de conformidad Tiple-A, de las Directrices de Accesibilidad para el Contenido Web 1.0 del W3C-WAI. Si encuentras algún detalle o error que hayamos pasado por alto, no dudes en comunicárnoslo.

El poder de la Web se encuentra en su universalidad. El acceso por parte de todos más allá de la discapacidad es un aspecto esencial. -- Tim Berners-Lee, Director del W3C e inventor de la World Wide Web