Question

当我运行我的editController.jsp页面时，其中有一个包含三个选项和一个按钮的表单，只打印了三个选项（在表格中），而不是按钮。我的代码如下：

    <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;  
}

我也使用Bootstrap。我想我犯了一个错误，但我找不到它！有什么想法吗？

Answer 1

Bootstrap使用"form-group"，"form-control"类作为表单元素。没有用于填充选择标记选项的scriptlet的代码

<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标记来执行相同的操作，而不是使用scriptlet。

JSFiddle code example

当我运行jsp页面时，只打印了一半表单

1 个答案: