Seguencia de Tabs

[phfmiranda 0]

Boa noite galera,

 

Como faço que quando eu utilizar o tab no código abaixo ele vá pulando de cima para baixo, e não aleatoriamente?

 

<table border="0" align="center">
    <tr>
      <td colspan="6" align="center" valign="top"> </td>
    </tr>
    <tr>
      <td width="161" align="left" valign="middle"><div align="left"><strong>Nome</strong></div></td>
      <td colspan="3" valign="middle"><input name="nome" type="text" id="nome" size="60" /></td>
      <td width="84" valign="middle"><strong>Pai      </strong></td>
      <td width="371" valign="middle"><input name="pai" type="text" id="pai" size="60" /></td>
    </tr>
    <tr>
      <td align="left" valign="middle"><strong>CPF</strong></td>
      <td colspan="3" valign="middle"><input name="cpf" type="text" id="cpf" maxlength="14" onKeyDown="Mascara(this,Cpf);" onKeyPress="Mascara(this,Cpf);" onKeyUp="Mascara(this,Cpf);">
        <a href="http://www.receita.fazenda.gov.br/Aplicacoes/ATCTA/cpf/ConsultaPublica.asp" target="_new">Consultar CPF</a></td>
      <td valign="middle"><strong>Mãe</strong></td>
      <td valign="middle"><input name="mae" type="text" id="mae" size="60" /></td>
    </tr>
    <tr>
      <td align="left" valign="middle"><strong>Identidade</strong></td>
      <td colspan="3" valign="middle"><input name="identidade" type="text" id="identidade" /></td>
      <td valign="top"><strong>Observação      </strong></td>
      <td valign="top"> </td>
    </tr>
    <tr>
      <td align="left" valign="middle"><div align="left"><strong>Endereço</strong></div></td>
      <td colspan="3" valign="middle"><input name="endereco" type="text" id="endereco" size="40" /></td>
      <td colspan="2" rowspan="9" valign="top"><textarea name="observacao" cols="65" rows="15" id="observacao"></textarea></td>
    </tr>
    <tr>
      <td align="left" valign="middle"><div align="left"><strong>Bairro</strong></div></td>
      <td colspan="3" valign="middle"><input name="bairro" type="text" id="bairro" size="35" /></td>
    </tr>
    <tr>
      <td align="left" valign="middle"><div align="left"><strong>Cidade</strong></div></td>
      <td colspan="3" valign="middle"><input name="cidade" type="text" id="cidade" size="35" /></td>
    </tr>
    <tr>
      <td align="left" valign="middle"><div align="left"><strong>Cep</strong></div></td>
      <td colspan="3" valign="middle"><input name="cep" type="text" id="cep" size="15" maxlength="9" onKeyDown="Mascara(this,Cep);" onKeyPress="Mascara(this,Cep);" onKeyUp="Mascara(this,Cep);"></td>
    </tr>
    <tr>
      <td align="left" valign="middle"><div align="left"><strong>Estado</strong></div></td>
      <td colspan="3" valign="middle"><select name="estado">
      <option value="" selected>Estado 
      <option value="AC">AC 
      <option value="AL">AL 
      <option value="AM">AM 
      <option value="BA">BA 
      <option value="CE">CE 
      <option value="DF">DF 
      <option value="ES">ES 
      <option value="GO">GO 
      <option value="MA">MA 
      <option value="MG">MG 
      <option value="MS">MS 
      <option value="MT">MT 
      <option value="PA">PA 
      <option value="PB">PB 
      <option value="PE">PE 
      <option value="PI">PI 
      <option value="PR">PR 
      <option value="RJ">RJ 
      <option value="RN">RN 
      <option value="RO">RO 
      <option value="RR">RR 
      <option value="RS">RS 
      <option value="SC">SC 
      <option value="SP">SP 
      <option value="TO">TO 
    </select>      </td>
    </tr>
    <tr>
      <td align="left" valign="middle"><div align="left"><strong>Telefone</strong></div></td>
      <td colspan="3" valign="middle"><input name="telefone" type="text" id="telefone" maxlength="14" onKeyDown="Mascara(this,Telefone);" onKeyPress="Mascara(this,Telefone);" onKeyUp="Mascara(this,Telefone);"></td>
    </tr>
    <tr>
      <td align="left" valign="middle"><div align="left"><strong>Celular</strong></div></td>
      <td colspan="3" valign="middle"><input name="celular" type="text" id="celular" maxlength="14" onKeyDown="Mascara(this,Telefone);" onKeyPress="Mascara(this,Telefone);" onKeyUp="Mascara(this,Telefone);"></td>
    </tr>
    <tr>
      <td align="left" valign="middle"><div align="left"><strong>Data de Nascimento</strong></div></td>
      <td colspan="3" valign="middle"><input name="nascimento" type="text" id="nascimento" maxlength="10" onKeyDown="Mascara(this,Data);" onKeyPress="Mascara(this,Data);" onKeyUp="Mascara(this,Data);"></td>
    </tr>
    <tr>
      <td align="left" valign="middle"><strong>Estado Civil</strong></td>
      <td colspan="3" valign="middle"><select name="EstadoCivil" id="EstadoCivil">
        <option value="Casado(a)">Casado(a)</option>
        <option value="Viuvo(a)">Viuvo(a)</option>
        <option value="Solteiro(a)">Solteiro(a)</option>
        <option value="Divorciado(a)">Divorciado(a)</option>
		<option value="Desquitado(a)">Desquitado(a)</option>
		<option value="Outros">Outros</option>
      </select></td>
    </tr>
    <tr>
      <td align="left" valign="middle"><strong>Advogado Responsável </strong></td>
      <td width="183" align="left" valign="middle"><select name="advogado" id="advogado">
        <?php
do {  
?>
        <option value="<?php echo $row_Lista_Advogados['Nome']?>"<?php if (!(strcmp($row_Lista_Advogados['Nome'], $row_Lista_Advogados['Nome']))) {echo "selected=\"selected\"";} ?>><?php echo $row_Lista_Advogados['Nome']?></option>
        <?php
} while ($row_Lista_Advogados = mysql_fetch_assoc($Lista_Advogados));
  $rows = mysql_num_rows($Lista_Advogados);
  if($rows > 0) {
      mysql_data_seek($Lista_Advogados, 0);
	  $row_Lista_Advogados = mysql_fetch_assoc($Lista_Advogados);
  }
?>
      </select></td>
      <td width="52" align="left" valign="middle"><strong>Caixa</strong></td>
      <td width="187" align="left" valign="middle"><select name="caixa" id="caixa">
        <?php
do {  
?>
        <option value="<?php echo $row_Lista_Caixa['Numero_caixa']?>"<?php if (!(strcmp($row_Lista_Caixa['Numero_caixa'], $row_Lista_Caixa['Numero_caixa']))) {echo "selected=\"selected\"";} ?>><?php echo $row_Lista_Caixa['Numero_caixa']?></option>
        <?php
} while ($row_Lista_Caixa = mysql_fetch_assoc($Lista_Caixa));
  $rows = mysql_num_rows($Lista_Caixa);
  if($rows > 0) {
      mysql_data_seek($Lista_Caixa, 0);
	  $row_Lista_Caixa = mysql_fetch_assoc($Lista_Caixa);
  }
?>
      </select></td>
      <td colspan="2" align="right" valign="top"><input type="submit" name="Submit" value="Cadastrar" />
        <input type="reset" name="Submit2" value="Limpar" /></td>
    </tr>
  </table>

 

Valeu pessoal.

[William Bruno 1501]

ele vai seguir a ordem do seu html.

 

se vc quiser alterar essa ordem, vc pode usar com cautela o atributo tabindex