Como hacer un formulario con botones anterior y siguiente

hla a todos , bueno tengo una gran duda quiero hacer 2 formularios unidos , y cuando presione el boton siguiente , me lleve al otros formulario ¿como puedo hacerlo en html o en css?


le agradezco su ayuda

Hola:

No creo que puedas hacerlo sólo con HTML y CSS, pues requiere capturar eventos (al hacer click, por ejemplo) y eso sólo se puede hacer con Javascript. Con jQuery (una librería de Javascript), podrías ocultar los pasos y mostrarlos al hacer clic:

<form action="" method="post" id="tu-id">
  <div id="paso1">
    <!-- Aquí van los campos del paso 1 -->
    <a href="" class="next-step">Siguiente</a>
  </div>

  <div id="paso2">
    <!-- Aquí van los campos del paso 2 -->
    <a href="" class="next-step">Siguiente</a>
    <a href="" class="prev-step">Anterior</a>
  </div>

  <div id="paso3">
    <!-- Aquí van los campos del paso 3 -->
    <a href="" class="prev-step">Anterior</a>
  </div>
  <input type="submit" name="submit" value="Enviar" />
</form><!-- #tu-id -->

<script>
  jQuery(document).ready(function($) {
    $('#tu-id > div').hide(); // Escondes todos los div que sean [B]hijos directos[/B] del form [B]tu-id[/B]
    $('#tu-id > div').eq(0).show(); // Haces visible el paso1 (eq(0) reduce los elementos al primer elemento encontrado.
    var i = 1; // Esta será la variable que contenga el paso actual - inicialmente es el paso 1.

    $('#tu-id a').on('click', function(e) {
      e.preventDefault();

      if($(this).hasClass('next-step')) {
        next();
      } else {
        prev();
      }
    });

    function next() {
      hidePaso();
      i++;
      showPaso();
    }

    function prev() {
      hidePaso();
      i--;
      showPaso();
    }

    function hidePaso() { $('#paso' + i).hide(); }
    function showPaso() { $('#paso' + i).show(); }
  });
</script>

No lo he probado, pero debería funcionar. No he hecho nada más que esconder y mostrar los distintos pasos, así que ten en cuenta que debes validar los datos que se envíen al servidor.

Saludos :).

PD: Falta agregar la librería jQuery también, pero eso te lo dejo como tarea :P.