Html 我有4张表格如何为每一张表格设置提交按钮？

我正在使用jquery选项卡控件。我有一个表格在他们每一个，我想提交每个表格独立。我一直在谷歌上搜索和阅读表单和提交，但到目前为止我找到的唯一方法是使用jquery。我更喜欢使用提交按钮。

我使用了tab表单而不是jQuery，是的，我需要为每个表单单独设置一个提交按钮，以便它只从附加到的表单中收集数据。您希望在相关选项卡的每个div中创建不同的表单。我发现Zurb的基础很容易使用，它们给了你代码，所以你只需要稍微调整一下。下面是一个使用基础的标签的例子。

 <div class="content" data-slug="panel3" data-section-content="">
      <form>
        <div class="row collapse">
          <div class="large-2 columns">
            <label class="inline">Your Name</label>
          </div>
          <div class="large-10 columns">
            <input type="text" id="yourName" placeholder="Jane Smith">
          </div>
        </div>
        <div class="row collapse">
          <div class="large-2 columns">
            <label class="inline"> Your Email</label>
          </div>
          <div class="large-10 columns">
            <input type="text" id="yourEmail" placeholder="jane@smithco.com">
          </div>
        </div>
        <label>What's up?</label>
        <textarea rows="4"></textarea>
        <button type="submit" class="radius button">Submit</button>
      </form>
    </div>

你的名字
你的电子邮件
怎么了？
提交

如果这不能正确回答您的问题，请告诉我

为每个选项卡添加一个

。 在每个表单中添加一个

确保所有表单都没有嵌套在彼此内部

---

您应该能够独立提交每个选项卡

从技术上讲。。

提交

或

提交

是对单个页面的

发布

或

获取

。如果您想独立提交每个表单，您必须使用按钮

jQuery

.post（）

或

.get（）

，该按钮只是一个操作调用，而不是表单的“真正的”

SUBMIT

按钮，该按钮只会提交其所属表单的数据。你最好的选择是

jQuery

和/或

AJAX

imhot谢谢你，我想当他们允许多个表单时，他们会包括一种独立发布它们的方式。谢谢你，特雷弗，我使用jQuery来传输第二到第四个按钮（type=按钮）。我发现第一个（jquery）按钮不起作用，所以我把它改回type=submit，然后一切正常。我比截止日期晚了很多，所以我没有时间尝试你的答案。当我这样做时，我会让你知道，如果一切都好，我会勾选你的答案。@JieHart如果回答了你的问题，请将这个答案标记为接受。如果没有，请给出反馈，谢谢。