12.4 Asociar etiquetas explícitamente con sus controles

Prioridad 2

Al insertar un formulario, Macromedia Dreamweaver 4 inserta un área rectangular delimitada por una línea discontinua.

Dentro de esta área rectangular, puede agregar campos de formulario y texto, como cuadros de texto, botones de opciones, casillas de verificación, cuadros desplegables y botones de comando.

Para agregar el atributo id a cada elemento del formulario deberá seguir el procedimiento:

1. Haga clic en el elemento a modificar.
2. Ubicar en el borde inferior izquierdo la etiqueta del elemento, por ejemplo input y hacer clic con el botón secundario del ratón sobre la misma.
3. Del menú desplegable que aparece, seleccionar Edit Tag...
   
   
   
   
4. O, de la ventana del Inspector, hacer clic sobre el icono de edición de la etiqueta .
5. En la ventana que se aparece, en cualquiera de los dos procedimientos, verá algo precido a esto:
   

   <label>Nombre: <input name="nom3" type="text">
   </label>

6. Agregue el elemento id de la siguiente forma:
   

   <label>Nombre: <input name="nom3" type="text" id="nom3">
   </label> 

7. Otra forma de hacer lo mismo es haciendo clic en el botón Show Code and Design Views (o haga clic en el menú View y seleccione Code and Design del mismo) y editar la etiqueta desde la ventana con código HTML que se abre en la parte superior.

Volver a ejemplos del punto 12.4