Diseño web en Zamora

Agrupar las opciones de menú
Diseño web en Zamora Los diseñadores de contenido deben agrupar la información donde esto sea natural y apropiado. Para las listas largas de selecciones
en los menús (en las cuales puede resultar difícil orientarse), los desarrolladores de contenidos deben agrupar los elementos SELECT
(definidos con OPTION) en una jerarquía con el elemento OPTGROUP. Especifique una etiqueta para el grupo de opciones con el
atributo label en el OPTGROUP.
Ejemplo.
<FORM action=»http://ejemplo.com/prog/algunprog» method=»post»>
<P>
<SELECT name=»ComOS»>
<OPTGROUP label=»PortMaster 3″>
<OPTION label=»3.7.1″ value=»pm3_3.7.1″>PortMaster 3 con ComOS 3.7.1
<OPTION label=»3.7″ value=»pm3_3.7″>PortMaster 3 con ComOS 3.7
<OPTION label=»3.5″ value=»pm3_3.5″>PortMaster 3 con ComOS 3.5
</OPTGROUP>
<OPTGROUP label=»PortMaster 2″>
<OPTION label=»3.7″ value=»pm2_3.7″>PortMaster 2 con ComOS 3.7
<OPTION label=»3.5″ value=»pm2_3.5″>PortMaster 2 con ComOS 3.5
</OPTGROUP>
<OPTGROUP label=»IRX»>
<OPTION label=»3.7R» value=»IRX_3.7R»>IRX con ComOS 3.7R
<OPTION label=»3.5R» value=»IRX_3.5R»>IRX con ComOS 3.5R
</OPTGROUP>
</SELECT>
</FORM>
11.3 Etiquetas para los controles de formulario
Puntos de verificación en esta sección:diseño web
12.4 Asocie explícitamente las etiquetas con sus controles. [Prioridad 2] 10.2 Hasta que las aplicaciones de usuario soporten explícitamente la asociación entre control de formulario y etiqueta, para todos
los controles de formularios con etiquetas asociadas implícitamente, asegúrese de que la etiqueta está colocada adecuadamente.
[Prioridad 2]diseño web en Michoacan
La sección anterior muestra un ejemplo de una etiqueta (LABEL) con «for» en HTML 4.01.
Una etiqueta se asocia implícitamente con su control de formulario bien mediante las marcas o por su posición en la página. El ejemplo
siguiente muestra cómo una etiqueta y un control de formulario pueden asociarse implícitamente mediante marcadores.
Ejemplo.Diseño web en Zamora
<LABEL for=»nombre»>Nombre:
<INPUT type=»text» id=»nombre» tabindex=»1″>
</LABEL>