Question

我在表单操作方面遇到了困难。我想知道是否可以在多个选项卡上进行一次表单操作。在最后一个标签中，用户单击“提交”按钮。这可以吗？

Html /表单操作

<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

由于代码不能跨越未关闭的代码，因此您需要移动＆lt; form＆gt;在div id =“tabs”之外。类似的东西：

<form action="xx.php" method="post" name="post">
    <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>

        <div id ="tabs-2">

        </div>

        <div id ="tabs-3">

        </div>
    </div>
</form>

这样，标签中的任何提交或重置按钮都会定位表单。

Answer 2

将表单打开/关闭标记移到div之外，并将div更改为fieldsets：

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

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

</form>

几个标签内的一个表单操作

2 个答案: