html多步骤表单

Question

嘿，我有一个问题是，使用多个表单标签更好地制作多步骤表单，或者我可以使用一个单独的表单并使用div分开吗？

      <!-- example 1 -->
      <form name="first-step" id="first-step" action="" method="">
          <input type="radio" name="">
          <input type="susbmit" name="continue" value="continue">

      </form>

      <form name="second-step" id="second-step" method="" action="">
        <input type="text" name="street">
        <input type="submit" name="submit">
      </form>

      <form name="third-step" id="third-step" method="" action="">
        <input type="text" name="">
        <input type="submit" name="submit">
      </form>

     <!-- example 2 ************* -->
      <form  action="" method="">

        <div id="first-step">
         <input type="radio" name="">
         <input type="susbmit" name="continue" value="continue">
        </div>

        <div id="second-step">
         <input type="text" name="street">
         <input type="submit" name="submit" value="submit">
       </div>

       <div id="third-step">
        <input type="text" name="">
        <input type="submit" name="submit">
       </div>
    </form>

Answer 1

我认为最好只分离div，因为所有数据都是相同的形式。至少你想逐步保存数据。

在辅助表单中，您可以放置​​隐藏当前div的按钮并显示下一个div，并在最后一个div上引入正常的提交字段。