html - 我有 4 个表单，如何为每个表单设置一个提交按钮？

Question

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

Answer 1

我使用了http://foundation.zurb.com/docs/components/section.html选项卡表单而不是 jQuery，是的，我需要为每个表单设置一个单独的提交按钮，以便它只从它所附加的表单中收集数据. 您想在相关选项卡的每个 div 中创建不同的表单。我发现 Zurb 的 Foundation 易于使用，并且它们为您提供代码，因此您只需稍微调整一下即可。这是一个使用 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" />在每个表单中添加一个。

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

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