2002 a 2006
Ángel R. Puente Pérez
Ir a la página anterior
Ir al índice de contenidos
Ir a lr a la página siguiente

17.5.- Menú desplegable.

Las opciones de elección se despliegan en un menú para que el visitante elija una.

<html>
<head>
<title>
Formulario 6
</title>
</head>
<body>
<form action="mailto:login@servidor.es"
method="post" enctype="text/plain">
<table border align="center">
<tr>
<td width="50%" align="right">
Elige tu mejor día de la semana:
</td>
<td width="50%" alignn="left">
<select name="Mejor_dia">
<option value=""></option>
<option value="Lunes">Lunes</option>
<option value="Martes">Martes</option>
<option value="Miércoles">Miércoles</option>
<option value="Jueves">Jueves</option> <option value="Viernes">Viernes</option>
<option value="Sábado">Sábado</option>
<option value="Domingo">Domingo</option>
</select> </td>
</tr> <tr>
<td width="50%" align="right">
<input type="submit" value="Enviar">
</td>
<td width="50%" align="left">
<input type="reset" value="Borrar">
</td>
</tr> </table> </form> </body> </html>
resultado

Esta la imagen de una respuesta:

Formulario recibido

17.6.- Campo de contraseña.

Para hacer que un determinado campo de texto no sea visible para las personas que estén alrededor del usuario (tipo contraseña), empleamos la misma sintaxis que en el campo de texto de una línea sustituyendo type="text" por type="password"

<html>
<head>
<title>
Formulario 7
</title>
</head>
<body>
<form action="mailto:login@servidor.es"
method="post" enctype="text/plain">
<table align="center">
<tr>
<td width="50%" align="right">
Escribe tu contraseña:
</td>
<td width="50%" alignn="left">
<input type="password" name="Contraseña" size="8"
maxlength="8">
</td> </tr>
<tr>
<td width="50%" align="right">
<input type="submit" value="Enviar">
</td>
<td width="50%" align="left">
<input type="reset" value="Borrar">
</td>
</tr>
</table> </form>
</body>
</html>
resultado

Observa que, aunque al escribir la contraseña aparecen los típicos asteriscos, en el mensaje de correo aparece el texto tecleado:

Formulario recibido

Si deseas continuar con las hojas de estilo...
Hojas de estilo
Ir a la página anterior
Ir al índice de contenidos
Ir a lr a la página siguiente
2002 a 2006
Ángel R. Puente Pérez
Logo Manual HTML
HTML 4.01
Logo Manual HTML