У меня есть 4 формы, как у меня есть кнопка отправки для каждого из них?

Question

Я использую элемент управления вкладками jquery. У меня есть форма в каждом из них, и я хочу представить каждую форму самостоятельно. Я занимаюсь поиском в Google и читаю о формах и представляю, но единственным способом, который я нашел до сих пор, является использование jquery. Я бы предпочел использовать кнопки отправки.

Answer 1

Я использовал http://foundation.zurb.com/docs/components/section.html формы вкладок вместо jQuery и да. Мне нужна отдельная кнопка отправки для каждой формы, чтобы она собирала только данные из формы, к которой она была прикреплена. Вы хотите создать другую форму внутри каждого div соответствующей вкладки. Я нашел Zurb's 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" /> внутри каждой формы.

Убедитесь, что ни одна из ваших форм не вложена внутри друг друга.

Вы должны иметь возможность отправлять каждую вкладку самостоятельно.