Make your own free website on Tripod.com

Practica #7. Formularios.

Objetivo

El alumno aprenderá a utilizar las etiquetas para crear formularios y elementos para formularios.

Material

  1. Notepad (Block de notas).
  2. IE (Internet Exporer).
  3. Revista o libro.
  4. Documento con la descripción y funcionamiento de las etiquetas para crear formularios y elementos dentro del formulario.

Procedimiento

1. Escribir el siguiente código html en el programa notepad:

<html>
<head>
<title>Formulario de autobuses</title>
</head>

<body>
<h1>Consulta sobre satisfacción</h1>
<h2>Autobuses "El viaje más largo"</h2>
<form action="mailto:multimedia@univer.edu.mx" method="post" enctype="text/plain">
Nombre <input type="text" name="nombre" size="30" maxlength="100"><br>
Email <input type="text" name="email" size="25" maxlength="100" value="@"><br>
Población <input type="text" name="poblacion" size="20" maxlength="60"><br>
Sexo<br>
<input type="radio" name="sexo" value="Varon" checked> Hombre<br>
<input type="radio" name="sexo" value="Hembra"> Mujer<br><br>
Frecuencia de los viajes<br>
<select name="utilizacion">
<option value="1">Varias veces al dia
<option value="2">Una vez al dia
<option value="3">Varias veces a la semana
<option value="4">varias veces al mes
</select><br><br>
Comentarios sobre su satisfacción personal<br>
<textarea cols="30" rows="7" name="comentarios"></textarea><br><br>
<input type="checkbox" name="recibir_info" checked> Deseo recibir notificación de las novedades en las líneas de autobuses.<br><br>
<input type="submit" value="Enviar formulario"><br><br>
<input type="Reset" value="Borrar todo">
</form>

</body>
</html>

2. Guardar el archivo con el nombre practica_m7.html.

3. Verificar su correcto funcionamiento con el Internet Explorer.

4. Crear una página html que simule el formato de suscripción a una revista.

5. Verificar su correcto funcionamiento con el Internet Explorer.


Fecha de última actualización: Enero 30, 2005.