hola, actualmente puedes encontrar sobre capas, en cualquier sitio, es algo asi:
en tus estilos declaras
<Style>
#NombreCapa{
position:absolute;
left:350px;
top:290px;
width:500px;
height:150px;
z-index:5;
visibility:visible;
border:2px solid #003366;
background-color:#a9dc5e;
}
</style>
te explico lo basico:
position: puee ser absolute o relative, pon absolute, relative es una huevada
left, top: son los margenes, eso ya sabes
width, height: tambien facil
z-index: es el orden que va a tener entre diferntes capas, si tienes 2 o mas capas visibles al mismo tiempo, la de mayor numero va a estar por encima de las demas
visibility: visible ó hidden
es la visibilidad
hay mas, pero con esos basta
dentro de tu body, deves declara un bloque div, algo asi
<body>
<div id="NombreCapa">
<!-- AQUI PONES TODO EL CONTENIDO DE TU PRIMER FORMULARIO, COMO SI FUERA OTRA PAGINA WEB -->
</div>
</body>
CLARO QUE DEBES TENER UN EVENTO QUE HAGA QUE LA PROPIEDAD DE ESTA CAPA SE OCULTE O SE HABA VISIBLE
algo asi:
document.all["NombreCapa"].style.visibility ='visible';
o
document.all["NombreCapa"].style.visibility ='hidden';
esta es una explicacion recontra rauda, asi que te recomiendo que sigas investigando, si me das tu mail, te envio una url donde estoy implementando algo asi, para que veas un ejemplo de como funciona, no lo coloco aca, por que no puedo poner url y por que no esta terminada, y no quiero que le metan codigo malicioso, jeje, nunca falta gente que jode