Ok ;)
En tu cabecera vas a tener un botón "Entrar" y dos cajas de texto, una para meter el usuario y otra para la password.
Suponiendo que metas los tres en una tabla, te quedaría así:
Código HTML:
<table>
<tr>
<td><input type=submit action='pagina_destino' value='Entrar' onClick=\"javascript:mostrarLogin();\"></td>
<td><label id='label_usuario'></label></td>
<td><label id='label_password'></label></td>
</tr>
</table>
Y tu función mostrarLogin sería la siguiente:
Código HTML:
function mostrarLogin(){
document.getElementById('label_usuario').innerHtml = "<input type=text id='usuario'>";
document.getElementById('label_password').innerHtml = "<input type=text id='password'>";
}
De esta forma, al hacer click en el botón, se ejecuta la función mostrarLogin, que cambiará mediante el atributo innerHtml el contenido de las dos label, mostrando las cajas de texto de nombre de usuario y password.
Espero habértelo aclarado ;) Posiblemente haya otras fromas de hacerlo, quizá mejores, pero no creo que debas tener muchos problemas en hacerlo así.
saludos