0

我很难处理表单操作。我想知道是否可以在多个选项卡上进行一个表单操作。在最后一个选项卡中，用户单击提交按钮。这可以做到吗？

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>
4

2 回答 2

2

由于标签不能跨越未闭合的标签，您需要将 <form> 移到 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>

这样，选项卡中的任何提交或重置按钮都将针对表单。

于 2012-06-28T18:11:05.320 回答
1

将表单打开/关闭标签移到 div 之外，并将 div 更改为字段集：

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

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

</form>
于 2012-06-28T17:49:50.513 回答