Question

I am having a hard time with form actions. I would like to know if it is possible to have one form action over several tabs. In the last tab the user clicks the submit button. Could this be done?

Html/Form action

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Nunc tincidunt</a></li>
        <li><a href="#tabs-2">Proin dolor</a></li>
        <li><a href="#tabs-3">Aenean lacinia</a></li>
    </ul>

    <div id ="tabs-1">
        <div id=panel>
            <br>
            <form action="xx.php" method="post" name="post">
             Form Content
        </div>
    </div>
    <div id ="tabs-2">
        <div id=panel>
            <br>
            Form Content

        </div>
    </div>
    <div id ="tabs-3">
        <div id=panel>
            <br>
            Form Content

                 <input type="submit" name="submit" value="Post "/>
             </form>
        </div>
    </div>

</div>

Answer 1

Move the form open/close tags outside of the divs, and change the divs to fieldsets:

<form action="xx.php" method="post" name="post">

    <fieldset id ="tabs-1">
    ...
    </fieldset>
    <fieldset id ="tabs-2">
    ...
    </fieldset>
    ...etc

</form>