htmlマルチステップフォーム

Question

ちょっと質問があります。複数のフォームタグを使用して複数ステップフォームを作成する方が良いですか、1つのフォームで行うことができますか？

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

すべてのデータが同じ形式を参照しているため、divsのみを分離するのが最も良いと思います。少なくとも、セーブデータを段階的に保存したい。

補助書式では、現在のdivを非表示にし、次のものを表示するボタンを配置できます。最後のdivでは、通常の送信フィールドを紹介します。