Ejercicio paso a paso. Insertar objetos de formulario

Objetivo.

Practicar las operaciones que hay que realizar para insertar algunos objetos de formulario.

1 Si no tienes abierto el Bloc de notas, ábrelo para realizar el ejercicio.

2 Abre el documento consultas.htm, de la carpeta originales/animales del curso.

3 Guarda la página con el mismo nombre en tu directorio de ejercicios Mis documentos/ejercicios_html/animales

4 Busca la línea <td>Campo de seleccion</td>, y borra el texto Campo de seleccion. En su lugar, escribe el siguiente código:

<select name="animal">
<option selected>--- Elige opci&oacute;n ---</option>
<option>Perro</option>
<option>Gato</option>
<option>Otros</option>
</select>

Con este código estarás insertando un menú, llamado animal, que tendrá cuatro opciones (--- Elige opción ---, Perro, Gato, Otros).

La opción seleccionada inicialmente será la primera (selected).

5 Inserta una línea en blanco debajo de la línea <input name="restablecer" type="reset" value="Restablecer">, y escribe el siguiente código en ella:

<input name="enviar" type="submit" value="Enviar">

Con este código, estarás insertando un botón para enviar el formulario (type="submit"), cuyo nombre será enviar, y que tendrá el texto Enviar.

6 Haz clic sobre el menú Archivo.

7 Haz clic sobre la opción Guardar.

8 Abre el documento consultas.htm, que acabas de guardar, en un navegador, y comprueba que obtienes una página como la que aparece si pulsas aquí.