formulario

[Triby]

Creas un div con estilo display:none; y un javascript que lo muestre:

Código javascript:

function mostrar_ocultar( divToHide ) {
    var elem, vis;
    if( document.getElementById ) // this is the way the standards work
        elem = document.getElementById( divToHide );
    else if( document.all ) // this is the way old msie versions work
        elem = document.all[divToHide];
    else if( document.layers ) // this is the way nn4 works
        elem = document.layers[divToHide];
    vis = elem.style;
        // Ocultar o mostrar, dependiendo el estado actual
    if(vis.display == 'block') {
        vis.display = 'none';
    } else {
        vis.display = 'block';
    } 
}
 

Código html:

<div id="enlace-mostrar" style="display:block;"><a href="#formulario" onclick="mostrar_ocultar('formulario'); mostrar_ocultar('enlace-mostrar');">Mostrar formulario</a></div>
<div id="formulario" style="display:none;"><form method="post">
Aqui los campos del formulario.
</form>
<a href="#enalce-mostrar" onclick="mostrar_ocultar('formulario'); mostrar_ocultar('enlace-mostrar');">Ocultar formulario</a>
</div>
 

Notas: Al hacer click en "Mostrar formulario" oculta el enlace y muestra el formulario, "Ocultar formulario" restablece el estado original de ambos bloques.