tasto tab con form

[DarioMarco]

salve a tutti, io ho questa parte di form, dove ci sono due caselle una su una riga, e due diciture situate sotto ciascuna casella in un'altra riga, codice:

<tr>
    <td height="6%" rowspan="2" bgcolor="#FFFFFF"><div align="right">Periodo scelto: </div></td>
    <td width="33%">
	  <div align="left">dal:
	    <input name="dal" type="text" id="dal" />
	    

      </div></td>
    <td width="45%"> <div align="left">al:
        <input name="al" type="text" id="al" />
        

    </div></td>
  </tr>
  <tr>
    <td height="22"><div align="left"><font size="2">seleziona giorno</font></div></td>
    <td width="45%"><div align="left"><font size="2"> seleziona giorno</font> </div></td>
  </tr>

se mi trovo sul campo di input "dal:" e premo il tasto tab, mi va al campo di input "al:", invece io vorrei che premendo il tasto tab, scende di riga andando a "seleziona giorno", e poi ripremendo mi va al campo di input "al:", così ripremendo tab, mi va a "seleziona giorno" situato sotto appunto "al:" .

come posso fare???
scusate l'uso delle tabelle nel form, devo ancora aggiornami

grazie, ciao.

[Federix]

<tr>
    <td height="6%" rowspan="2" bgcolor="#FFFFFF"><div align="right">Periodo scelto: </div></td>
    <td width="33%">
	  <div align="left">dal:
	    <input name="dal" type="text" id="dal" tabindex="1" />
	    

      </div></td>
    <td width="45%"> <div align="left">al:
        <input name="al" type="text" id="al" tabindex="3" />
        

    </div></td>
  </tr>
  <tr>
    <td height="22"><div align="left"><font size="2">seleziona giorno</font></div></td>
    <td width="45%"><div align="left"><font size="2"> seleziona giorno</font> </div></td>
  </tr>