14 - Formulario HTML (control password)


Otro control muy empleado es el de tipo password. Su funcionamiento y mecánica para rescatar su valor es semejante al control de tipo "text", la única diferencia es que cuando tipeamos caracteres dentro del control nos muestra asteríscos en lugar de los caracteres.

Para ver su funcionamiento implementaremos un formulario para el ingreso del nombre de usuario y su clave. En la página ASP imprimiremos los dos datos ingresados.

pagina1.html

<html>
<head>
<title>Problema</title>
</head>
<body>
<form action="pagina1.asp" method="post">
Nombre de usuario:
<input type="text" name="nombre">
<br>
Clave:
<input type="password" name="clave">
<br>
<input type="submit" value="Ingresar">
</form>
</body>
</html>

Como podemos observar para definir un control de tipo password en HTML debemos inicializar la propiedad type con el valor "password":

<input type="password" name="clave">

La página ASP que rescata los valores ingresados y los imprime (pagina1.asp)

<%option explicit%>
<html>
<head>
<title>problema</title>
</head>
<body>
<%
dim nombre,clave
nombre=request.form("nombre")
clave=request.form("clave")
response.write("Nombre ingresado:" & nombre)
response.write("<br>")
response.write("Clave ingresada:" & clave)
%>
</body>
</html>

Recordemos que en la primera línea del archivo siempre ejecutamos el comando option explicit para obligar la definición de variables:

<%option explicit%>

Definimos las variables y rescatamos los valores de los dos controles:

 
dim nombre,clave
nombre=request.form("nombre")
clave=request.form("clave")

Imprimimos los valores cargados:

response.write("Nombre ingresado:" & nombre)
response.write("<br>")
response.write("Clave ingresada:" & clave)


Retornar