Formulário Em 03 Estágios

[Guest - LuckFarias -]

Olá pessoal, preciso fazer um formulário que terá 03 estágios como se fossem 03 formulários, só que enviados juntos de uma única vez. Por exemplo, no 1° estágio o cara digita os dados da empresa, no 2° estágio ele informa as características do produto que ele deseja, e no último estágio ele confirma o envio de todas as informações. Entenderam? Se puderem me ajudar agradeço. Valeu!!!

[.Andreia.]

hum....entendi.. mas a forma que eu conheço é usando linguagem de programação. Ai voce iria recarregando as variaveis estando na mesma pagina

[Guest - Marc_Dias -]

:blink: porque você não usa um formulario com "Abas", ou seja você teria tres abas no form html e três tabelas diferentes

que você esconderia ao clicar na aba.

Se interessar me manda um email que te mando um fonte de exemplo.

Marcelo

[Guest Visitante]

beleza Marcelo, poderia ser com abas sim. Sou novo aqui no site, como faço para você me enviar o fonte?

Luck

[Guest - Marc_Dias -]

Luck, segue abaixo o código que usei em um projeto, basicamente você trabalha com tabelas, cada tabela tem um nome e você oculta ou não, qualquer duvida estamos ai.

o segredo está no comando display

<table border="0" width="60%" cellpadding="0">

<input type="button" name="bt_recibo" value="Tabela A" size="3" maxlength="0" title=""
     style="BORDER-RIGHT: 0px; BACKGROUND-POSITION: 0px 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; WIDTH: 75px; BORDER-BOTTOM: 0px; HEIGHT: 20px; BACKGROUND-COLOR: #9F9F9F;"
     ONCLICK="tb_recibo.style.display='';
              bt_recibo.style.backgroundColor='#9F9F9F';
              tb_0001.style.display='none';
              bt_0001.style.backgroundColor='#DFDFDF';
              tb_0002.style.display='none';
              bt_0002.style.backgroundColor='#DFDFDF';";>
<input type="button" name="bt_0001" value="Tabela B" size="3" maxlength="0" title=""
       style="BORDER-RIGHT: 0px; BACKGROUND-POSITION: 0px 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; WIDTH: 75px; BORDER-BOTTOM: 0px; HEIGHT: 20px; BACKGROUND-COLOR: #DFDFDF;"
       ONCLICK="tb_recibo.style.display='none';
                bt_recibo.style.backgroundColor='#DFDFDF';
                tb_0001.style.display='';
                bt_0001.style.backgroundColor='#9F9F9F';
                tb_0002.style.display='none';
                bt_0002.style.backgroundColor='#DFDFDF';";>
<input type="button" name="bt_0002" value="Tabela C" size="3" maxlength="0" title=""
       style="BORDER-RIGHT: 0px; BACKGROUND-POSITION: 0px 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; WIDTH: 75px; BORDER-BOTTOM: 0px; HEIGHT: 20px; BACKGROUND-COLOR: #DFDFDF;"
       ONCLICK="tb_recibo.style.display='none';
                bt_recibo.style.backgroundColor='#DFDFDF';
                tb_0001.style.display='none';
                bt_0001.style.backgroundColor='#DFDFDF';
                tb_0002.style.display='';
                bt_0002.style.backgroundColor='#9F9F9F';";>
</table>


<table border="0" width="60%" BGCOLOR="#6666FF" id="tb_recibo" name="tb_recibo" style="display:''" >
  <tr>
    <td width="25%"><input type="text" name="" value="" size="15" maxlength="12"></td>
    <td width="25%"><input type="text" name="" value="" size="15" maxlength="12"></td>
    <td width="25%"><input type="text" name="" value="" size="15" maxlength="12"></td>
    <td width="25%"><input type="text" name="" value="" size="15" maxlength="12"></td>
  </tr>
  <tr>
    <td width="25%"><input type="text" name="" value="" size="15" maxlength="12"></td>
    <td width="25%"><input type="text" name="" value="" size="15" maxlength="12"></td>
    <td width="25%"><input type="text" name="" value="" size="15" maxlength="12"></td>
    <td width="25%"><input type="text" name="" value="" size="15" maxlength="12"></td>
  </tr>
</table>

<table border="0" width="60%" BGCOLOR="#D5E2FF" id="tb_0001"  name="tb_0001" style="display:'none'" >
  <tr>
    <td width="25%"><input type="text" name="" value="" size="15" maxlength="12"></td>
    <td width="25%"><input type="text" name="" value="" size="15" maxlength="12"></td>
    <td width="25%"><input type="text" name="" value="" size="15" maxlength="12"></td>
    <td width="25%"><input type="text" name="" value="" size="15" maxlength="12"></td>
  </tr>
  <tr>
    <td width="25%"><input type="text" name="" value="" size="15" maxlength="12"></td>
    <td width="25%"><input type="text" name="" value="" size="15" maxlength="12"></td>
    <td width="25%"><input type="text" name="" value="" size="15" maxlength="12"></td>
    <td width="25%"><input type="text" name="" value="" size="15" maxlength="12"></td>
  </tr>
</table>

<table border="0" width="60%" BGCOLOR="#ff0Dff" id="tb_0002"  name="tb_0002" style="display:'none'" >
  <tr>
    <td width="25%"><input type="text" name="" value="" size="15" maxlength="12"></td>
    <td width="25%"><input type="text" name="" value="" size="15" maxlength="12"></td>
    <td width="25%"><input type="text" name="" value="" size="15" maxlength="12"></td>
    <td width="25%"><input type="text" name="" value="" size="15" maxlength="12"></td>
  </tr>
  <tr>
    <td width="25%"><input type="text" name="" value="" size="15" maxlength="12"></td>
    <td width="25%"><input type="text" name="" value="" size="15" maxlength="12"></td>
    <td width="25%"><input type="text" name="" value="" size="15" maxlength="12"></td>
    <td width="25%"><input type="text" name="" value="" size="15" maxlength="12"></td>
  </tr>
</table>


<table border="0" cellspacing="2" width="60%">
  <tr>
    <td width="10%" align="left"><input type="button" name="" value="Gravar" size="3" maxlength="0" title="" style="WIDTH: 75; height: 22;" onClick=""></td>
  </tr>
</table>

</body>
</html>

[Guest Visitante]

Valeu Marc_Dias, é isso mesmo que eu queria. Já entendi mais o menos o funcionamento. Obrigado!!!