Para orientarte un poco, solo pude esconder la caja y no el contenido de adentro.
Código Javascript
:
Ver original<!DOCTYPE html>
<html>
<head>
<title>titulo de la pagina</title>
<meta charset="utf-8">
<script>
function mostrar() {
document.getElementById('user').setAttribute("style", "visibility: visibility;");
}
function ocultar() {
document.getElementById('user').setAttribute("style", "visibility: hidden;");
}
</script>
</head>
<body>
<form action="#" method="get">
<table align="center">
<tr>
<th colspan="2">Formulario</th>
</tr>
<tr>
<td>Usuario:</td>
<td><input type="text" id="user" /></td>
</tr>
<td>Contraseña:</td>
<td><input type="password" name="password" /></td>
</tr>
<td colspan="2" align="center"><input type="button" value="Mostrar" onClick="mostrar();"/>
<input type="button" value="Ocultar" onClick="ocultar();"/></td>
</tr>
</table>
</form>
</body>
</html>
¡Saludos!