Prova cosi. Metti questo per il body:
E questo nel tag head:codice:<body onload="fnNascondi()"> <table id="modulo"> <tr id="riga-1"> <td>Label 1</td> <td> <input type="text" id="text1" name="text1"> Mostra successiva </td> </tr> <tr id="riga-2"> <td>Label 2</td> <td> <input type="text" id="text2" name="text2"> Mostra successiva </td> </tr> <tr id="riga-3"> <td>Label 3</td> <td> <input type="text" id="text3" name="text3"> </td> </tr> </table> </body>
Questa soluzione utilizza javascript e il funzionamento è il seguente. Basta contraddistinguere ogni riga della tabella con un id (riga-1, riga-2, riga-3). Poi al caricamento della pagina si esegue una funzione che nasconde le righe dopo la prima (fnNascondi) e quindi premendo su Mostra succssiva si andrà a richiamare una funzione (fnMostra) che visualizzerà la riga con numero corrispondente a quello passato come parametro.codice:<script language="javascript"> // questa funzione nasconde le righe diverse dalla // prima al caricamento della pagina function fnNascondi() { document.getElementById("riga-2").style.visibility = 'hidden'; document.getElementById("riga-3").style.visibility = 'hidden'; } // questa funzione mostra la riga // passata come parametro function fnMostra(id) { document.getElementById("riga-" + id).style.visibility = 'visible'; } </script>
Spero sia questo quello che cercavi. Ciao.

Rispondi quotando