Ciao a tutti.
Ho creato un form ed di seguito posto il codice:
<fieldset>
<legend><span><font color="#ffffff"> RICHIEDI IL TUO PREVENTIVO </font></span></legend>
<form action="engine.php" method="post" name="contactform" id="contact">
<table align="center"><tr><td>
<label for="nome"><font color="#ffffff">Nome*</font></label><a name="nome"></a>
<input tabindex="1" type="text" name="nome" id="nome" value="" placeholder="Scrivi il tuo nome" required /></td>
<td> <label for="cognome">Cognome</label><a name="cognome"></a>
<input tabindex="2" type="text" name="cognome" id="cognome" value="" placeholder="Scrivi il tuo cognome"/></td>
<td> <label for="email">Email* <span></span></label><a name="email"></a>
<input tabindex="3" type="email" name="email" id="email" value="" placeholder="Digita la tua Email" required/></td>
<td> <label for="oggetto">Telefono* <span></span></label><a name="telefono"></a>
<input tabindex="4" type="text" name="telefono" id="telefono" value="" placeholder="Scrivi il tuo numero di telefono" required/></td></tr></table>
<table>
<tr>
<td>
<label for="privato">Privato</label><a name="privato"></a>
<input type="checkbox" id="privato" name="privato" value="privato" /></td>
<td><label for="azienda">Azienda</label><a name="azienda"></a>
<td><input type="checkbox" id="azienda" name="azienda" value="azienda"/></td></tr>
</table>
<label><span>PARTENZA DA...</span></label>
<table><tr>
<td><label for="nome">Città <span></span></label><a name="citta"></a>
<input tabindex="6" type="text" name="citta" id="citta" value=""/></td>
<td><label for="nome">Provincia </label><a name="provincia"></a>
<input tabindex="7" type="text" name="provincia" id="provincia" value="" /></td>
<td> <label for="nome">Stato <span></span></label><a name="stato"></a>
<input tabindex="8" type="text" name="stato" id="stato" value=""/></td>
<td> <label for="nome">Piano</label><a name="piano"></a>
<input tabindex="9" type="text" name="piano" id="piano" value="" /></td>
</tr></table>
<table><tr>
<td><label for="nome">Ascensore</label><a name="ascensore"></a>
<select tabindex="10" name="ascensore" size="1" id="ascensore">
<option selected value="seleziona"> seleziona... </option>
<option value="si"> SI </option>
<option value="no"> NO </option>
</select></td>
<td><label for="nome">Metri quadri</label><a name="metri"></a>
<input tabindex="11" type="text" name="metri" id="metri" value="" />
<label for="nome">Centro Storico</label><a name="centro"></a>
<select tabindex="12" name="centro" size="1" id="centro">
<option selected value="seleziona"> seleziona... </option>
<option value="si"> SI </option>
<option value="no"> NO </option>
</select></td></tr></table>
<label><span>DESTINAZIONE</span></label>
<table><tr>
<td><label for="nome">Città <span></span></label><a name="citta2"></a>
<input tabindex="13 type="text" name="citta2" id="citta2" value=""/></td>
<td><label for="nome">Provincia </label><a name="provincia2"></a>
<input tabindex="14" type="text" name="provincia2" id="provincia2" value="" /></td>
<td> <label for="nome">Stato <span></span></label><a name="stato2"></a>
<input tabindex="15" type="text" name="stato2" id="stato2" value=""/></td>
<td><label for="nome">Piano</label><a name="piano2"></a>
<input tabindex="16" type="text" name="piano2" id="piano2" value="" /></td></tr></table>
<table><tr>
<td><label for="nome">Ascensore</label><a name="ascensore2"></a>
<select tabindex="17" name="ascensore2" size="1" id="ascensore2">
<option selected value="seleziona"> seleziona... </option>
<option value="si"> SI </option>
<option value="no"> NO </option>
</select></td>
<td><label for="nome">Metri quadri</label><a name="metri2"></a>
<input tabindex="18" type="text" name="metri2" id="metri2" value="" /></td>
<td><label for="nome">Centro Storico</label><a name="centro2"></a>
<select tabindex="19" name="centro2" size="1" id="centro2">
<option selected value="seleziona"> seleziona... </option>
<option value="si"> SI </option>
<option value="no"> NO </option>
</select></td>
</tr></table>
<label><span>ALTRE INFORMAZIONI</span></label>
<table><tr>
<td><label for="nome">Richiesta Deposito</label><a name="deposito"></a>
<select tabindex="20" name="deposito" size="1" id="deposito">
<option selected value="seleziona"> seleziona... </option>
<option value="si"> SI </option>
<option value="no"> NO </option>
</select></td>
<td><label for="nome">Mesi Deposito</label><a name="mesidep"></a>
<input tabindex="21" type="text" name="mesidep" id="mesidep" value="" /></td>
<td><label for="nome">Data Trasloco</label><a name="data"></a>
<input tabindex="22" type="text" name="data" id="data" value="" /></TD></tr></table>
<label><span>SERVIZI RICHIESTI</span></label>
<table><tr>
<td><label for="nome">Smontaggio Mobili</label><a name="smontaggio"></a>
<select tabindex="23" name="smontaggio" size="1" id="smontaggio">
<option selected value="seleziona"> seleziona... </option>
<option value="si"> SI </option>
<option value="no"> NO </option>
</select></td>
<td><label for="nome">Montaggio Mobili</label><a name="montaggio"></a>
<select tabindex="24" name="montaggio" size="1" id="montaggio">
<option selected value="seleziona"> seleziona... </option>
<option value="si"> SI </option>
<option value="no"> NO </option>
</select></td>
<td><label for="nome">Imballaggio Effetti pers.</label><a name="effetti"></a>
<select tabindex="25" name="effetti" size="1" id="effetti">
<option selected value="seleziona"> seleziona... </option>
<option value="si"> SI </option>
<option value="no"> NO </option>
</select></td>
<td><label for="nome">Fornitura materiale</label><a name="materiale"></a>
<select tabindex="26" name="materiale" size="1" id="materiale">
<option selected value="seleziona"> seleziona... </option>
<option value="si"> SI </option>
<option value="no"> NO </option>
</select></td></tr></table>
<table><tr>
<td><label for="nome">Risistemazione effetti personali</label><a name="risistemazione"></a>
<select tabindex="27" name="risistemazione" size="1" id="risistemazione">
<option selected value="seleziona"> seleziona... </option>
<option value="si"> SI </option>
<option value="no"> NO </option>
</select></td>
<td><label for="nome">Trasporto Cartoni</label><a name="cartoni"></a>
<select tabindex="28" name="cartoni" size="1" id="cartoni">
<option selected value="seleziona"> seleziona... </option>
<option value="si"> SI </option>
<option value="no"> NO </option>
</select></td></tr></table>
<table><tr>
<td><label for="altro">Altro</label>
<textarea tabindex="29" cols="90" rows="10" name="altro" id="altro" placeholder="Richieste particolari"></textarea>
<input type="text" id="fred" name="fred" style="visibility: hidden;"/> </td></tr></table>
<label><span>DESCRIZIONE AMBIENTI DI PARTENZA</span></label>
<label>
In questa sezione inserire una descrizione delle cose da traslocare presenti nelle stanze (esempio soggiorno:
1 tavolo con 4 sedie, 1 libreria lunga 2 metri, 1 cristalliera lunga 3 metri, 1 divano, 2 poltrone, ecc...)
</label>
<table><tr>
<td><label for="cucina">Cucina:</label>
<textarea tabindex="30" cols="90" rows="10" name="cucina" id="cucina" placeholder="descrizione"></textarea>
<input type="text" id="cucina" name="cucina" style="visibility: hidden;"/>
</td></tr></table>
<table><tr>
<td><label for="soggiorno"> Soggiorno:</label>
<textarea tabindex="31" cols="90" rows="10" name="soggiorno" id="soggiorno" placeholder="descrizione"></textarea>
<input type="text" id="soggiorno" name="soggiorno" style="visibility: hidden;"/>
</td></tr></table>
<table><tr>
<td><label for="cameraletto"> Camera da letto:</label>
<textarea tabindex="32" cols="90" rows="10" name="cameraletto" id="cameraletto" placeholder="descrizione"></textarea>
<input type="text" id="fred" name="fred" style="visibility: hidden;"/> </td></tr></table>
<table><tr>
<td><label for="cameretta1">Cameretta1:</label>
<textarea tabindex="33" cols="90" rows="10" name="cameretta1" id="cameretta1" placeholder="descrizione"></textarea>
<input type="text" id="fred" name="fred" style="visibility: hidden;"/> </td></tr></table>
<table><tr>
<td><label for="altracamera">Altra camera:</label>
<textarea tabindex="34" cols="90" rows="10" name="altracamera" id="altracamera" placeholder="descrizione"></textarea>
<input type="text" id="fred" name="fred" style="visibility: hidden;"/> </td></tr></table>
<table><tr>
<td><label for="cantsoff">Cantina/Soffitta:</label>
<textarea tabindex="35" cols="90" rows="10" name="cantsoff" id="cantsoff" placeholder="descrizione"></textarea>
<input type="text" id="fred" name="fred" style="visibility: hidden;"/> </td></tr></table>
<table><tr>
<td><label for="garage">Garage:</label>
<textarea tabindex="36" cols="90" rows="10" name="garage" id="garage" placeholder="descrizione"></textarea>
<input type="text" id="fred" name="fred" style="visibility: hidden;"/></td></tr></table>
<table><tr>
<td><label for="tinello">Tinello:</label>
<textarea tabindex="37" cols="90" rows="10" name="tinello" id="tinello" placeholder="descrizione"></textarea>
<input type="text" id="fred" name="fred" style="visibility: hidden;"/></td></tr></table>
<table><tr>
<td><label for="studio">Studio:</label>
<textarea tabindex="38" cols="90" rows="10" name="studio" id="studio" placeholder="descrizione"></textarea>
<input type="text" id="fred" name="fred" style="visibility: hidden;"/></td></tr></table>
<table><tr>
<td><label for="altri">Altri ambienti:</label>
<textarea tabindex="39" cols="90" rows="10" name="altri" id="altri" placeholder="descrizione"></textarea>
<input type="text" id="fred" name="fred" style="visibility: hidden;"/></td></tr></table>
<table><tr><td><label for="nome">Assicurazione</label><a name="assicurazione"></a>
<select tabindex="40" name="assicurazione" size="1" id="assicurazione">
<option selected value="seleziona"> seleziona... </option>
<option value="si"> SI </option>
<option value="no"> NO </option>
</select></td>
<td><label for="nome">Valore Assicurazione </label><a name="valoreass"></a>
<input tabindex="41" type="text" name="valoreass" id="valoreass" value="" /> </td></tr></table>
<label for="messaggio">Note</label>
<table><tr><td>
<textarea tabindex="42" cols="90" rows="10" name="messaggio" id="messaggio" placeholder="La tua richiesta"></textarea>
<input type="text" id="fred" name="fred" style="visibility: hidden;"/> </td></tr></table>
<table><tr><td>
<button tabindex="44" type="submit" name="send" id="send"/>Invia</button></td>
<td>
<button tabindex="45" type="reset" name="clear" id="clear"/>Cancella</button></td>
<td><p align="right">TORNA ALLA HOME PAGE</p></td>
</tr></table>
</form>
</fieldset>
Ora, se vado a scorrere le varie celle per scriverci dentro con il tastino tab va tutto bene.
Se invece mi posiziono su una delle celle con il mouse dopo la textarea "cucina" il focus mi torna sempre a cucina. Mi sto scervellando. Qualcuno può aiutarmi a capire dove sta l'errore?
Grazie
Rispondi quotando
