2016-10-08 3 views
0

안녕하세요 질문이 여러 양식 태그를 사용하여 여러 단계 양식을 만들거나 하나의 양식으로 처리 할 수 ​​있으며 div로 구분할 수 있습니까?html 다중 단계 양식

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

답변

0

모든 데이터가 동일한 양식을 참조하므로 divs 만 분리하는 것이 가장 좋습니다. 적어도 저장 데이터를 단계별로 저장하려고합니다.

보조 양식에서 현재 div를 숨기고 다음 항목을 표시하는 버튼을 배치 할 수 있으며 마지막 div에서는 일반 제출 필드를 소개합니다.

+0

괜찮습니까? 각 단계마다 하나의 제출 버튼이 필요한 경우 어떻게해야합니까? 아직도 똑같은가요? – george

+0

양식을 제출할 때 마지막 단계인지 확인하고 그렇지 않은 경우 제출 이벤트를 중지 한 후 다음 단계를 보여줄 수는 있지만 최선의 선택이라고 생각합니다. –

관련 문제