checa este ejemplo:
Código HTML:
<html>
<head>
<title>Caja Oculta</title>
<script language="javascript">
function muestra_capa(capa){
document.getElementById(capa).style.visibility = 'visible'
}
function oculta_capa(capa){
document.getElementById(capa).style.visibility = 'hidden'
}
</script>
</head>
<body>
<a href="#" onMouseOver="muestra_capa('caja1')" onMouseOut="oculta_capa('caja1')">Pasa por aqui</a><br><br>
<a href="#" onMouseOver="muestra_capa('caja2')" onMouseOut="oculta_capa('caja2')">Pasa por aqui</a>
<div id="caja1" style="position: absolute; height: 20; width: 300;top: 10px;left: 100px; visibility:hidden">
<input type="text" name="caja_oculta1">
</div>
<div id="caja2" style="position: absolute; height: 20; width: 300;top: 40px;left: 100px; visibility:hidden">
<input type="text" name="caja_oculta2">
</div>
</body>
</html> espero te sirva
SALUDOS
