JSP 페이지를 실행할 때

Question

내 editController.jsp 페이지를 실행할 때 내 양식의 절반 만 인쇄됩니다.이 페이지에는 3 개의 선택 및 버튼이있는 양식이 있으며 3 개만 (테이블에 있음) 버튼이 아니라 인쇄됩니다. 내 코드는 다음과 같다 :

<h2 class="error">Date</h2> 
    <div id="edit"> 
     <form action="editController.jsp" method="post" class="form-horizontal" role="form">  
     <table border="0"> 
      <caption><b> Birth Date </b></caption> 
      <tr> 
       <td> 
        <select name="day"> 
        <option value="day">Day</option> 
<% 
        for(int i=1; i<=31; i++){ 
%>    
         <option value="<%= i %>"><%= i %></option> 
<%  
        } 
%>    
        </select> 
       </td> 
       <td> 
        <select name="month"> 
        <option value="month">Month</option> 
<% 
        for(int i=1; i<=12; i++){ 
%>    
         <option value="<%= i %>"><%= i %></option> 
<%  
        } 
%>      
        </select> 
       </td> 
       <td> 
        <select name="year"> 
        <option value="year">Year</option> 
<% 
        for(int i=1900; i<=2014; i++){ 
%>    
         <option value="<%= i %>"><%= i %></option> 
<%  
        } 
%>     
        </select> 
       </td> 
      </tr> 
     </table> 
     <div class="form-group"> 
      <div class="col-sm-offset-2 col-sm-10"> 
       <button type="submit" class="btn btn-default">Save</button> 
      </div> 
     </div> 
     </form> 
    </div> 
    </body> 
</html> 

내 CSS 코드는 다음과 같습니다

.error{ 
    color:#FF0000; 
} 
#edit{ 
    width:100%; 
    margin:auto; 
    border: 3px solid #566D7E; 
    padding:20px; 
    text-align:left; 
    color:#4C787E; 
} 

은 또한 부트 스트랩을 사용합니다. 실수를 저질렀지만 찾지 못했습니다! 어떤 아이디어?

Answer 1

부트 스트랩은 폼의 요소에 대해 "form-group", "form-control" 클래스를 사용합니다. 당신이 선택 태그

<div id="edit"> 
<h2 class="error">Date</h2> 
     <form action="editController.jsp" method="post" role="form"> 
    <div class="form-group"> 
     <caption><b> Birth Date </b></caption> 

     <table> 
      <tr> 
       <td> 
        <select class="form-control" name="day"> 
        <option value="day">Day</option> 

         <option value=" i "> i </option> 
        </select> 
       </td> 
       <td> 
        <select class="form-control" name="month"> 
        <option value="month">Month</option> 
         <option value="i "> i </option> 
        </select> 
       </td> 
       <td> 
        <select class="form-control" name="year"> 
        <option value="year">Year</option> 
         <option value=" i"> i </option> 
        </select> 
       </td> 
      </tr> 
        </table> 
      </div> 


       <button type="submit" class="btn btn-primary btn-default ">Save</button> 

     </form> 
</div> 

의 옵션을 채우기 위해 사용 스크립없는 코드 대신 스크립트 릿의 동일한 기능을 수행 할 JSTL forEach 태그를 사용할 수 있습니다.

JSFiddle code example