Hola amigos, miren mi problema es el siguiente tengo un formulario que pide validar usuario y contraseña para ingresar a un sistema quisiera saber como puedo ocultar los usuarios y contraseñas que no se puedan ver desde codigo fuente en el navegor de internet el codigo es el siguiente:
<html>
<head>
<script LANGUAGE="JavaScript">
<!--
function Login(){
var done=0;
var username=document.login.username.value;
username=username.toLowerCase();
var password=document.login.password.value;
password=password.toLowerCase();
if (username=="miembro1" && password=="contraseña1" ) { window.location="menu.html"; done=1; }
if (username=="miembro2" && password=="contraseña2") { window.location="menu.html"; done=1; }
if (username=="miembro3" && password=="contraseña3") { window.location="menu.html"; done=1; }
if (done==0) { alert("Nombre de usuario y/o contraseña no válidos"); }
}
-->
</script>
<title>Validar Usuario</title>
</head>
<body bgcolor="#FFFFFF">
<IMG SRC="logo.jpg" align="center"><br><br><br><br>
<center>
<h1>Ingresar al Sistema de Control de Calificaciones</h1>
<center>
<form name="login" ></h2>
<table width="288" border="1" cellpadding="3">
<tr>
<td colspan="2" width="242"><center>
<p><font size="+2"><b>Área de Administradores</b></font></p>
</center></td>
</tr>
<tr>
<td width="114"><font size="2">Nombre de usuario:</font></td>
<td width="150"><input type="text" name="username" size="20"></td>
</tr>
<tr>
<td width="114"><font size="2">Contraseña:</font></td>
<td width="150"><input type="password" name="password" size="20"></td>
</tr>
<tr>
<td colspan="2" align="center" width="242">
<input type="button" value="Verificar" onclick="Login()"></td>
</tr>
</table>
</form>
</center>
<p></p>
<center>
<p> </p>
</center>
<p></p>
</body>
</html>
gracias y saludos