我有4个表单如何为每个表单提供一个提交按钮？

Question

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

Answer 1

我使用了http://foundation.zurb.com/docs/components/section.html标签表单而不是jQuery，是的，我需要为每个表单单独提交一个按钮，以便它只收集附加表单中的数据。您想在相关选项卡的每个div中创建不同的表单。我发现Zurb的基金会很容易使用，他们给你代码，所以你只需稍微调整一下。以下是使用Foundation的一个选项卡的示例。

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

Answer 2

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

为每个标签添加<form>。 在每个表单中添加<input type="submit" value="submit" />。

确保没有任何表单互相嵌套。

您应该能够独立提交每个标签。