如何在jsp中创建面板瓷砖?

时间:2014-05-28 07:10:57

标签: jsp html-table panel

我希望这就像jsp中的结果:

enter image description here

<table>
    <tr>
        <td>
            <s:url id="year_url" action="yearcmbact" /> 
            <sj:select  name="set_year" id="set_year" 
                list="yearMap" headerValue="Select year"
                headerKey="1" href="%{year_url}"
                cssStyle="width:95px; height:23px"
                onChangeTopics="reloadyear1_url" onCompleteTopics="reloadyear1_url"
                reloadTopics="reloadyear_url" 
                >
            </sj:select>
            <s:url id="year1_url" action="yearcmbact" /> 
            <sj:select  name="set_year1" id="set_year1" 
                list="yearMap" headerValue="Select year"
                headerKey="1" href="%{year1_url}"
                cssStyle="width:95px; height:23px"
                onChangeTopics="reloadmon_url" onCompleteTopics="reloadmon_url"
                reloadTopics="reloadyear1_url" 
                >
            </sj:select>
        </td>
    </tr>
</table>

我想在jsp表中显示带有tile的面板?任何身体都知道请帮助我....

1 个答案:

答案 0 :(得分:1)

您必须使用<fieldset>代码:

<fieldset>
  <legend>YEAR</legend>

<table>
    <tr>
        <td>
            <s:url id="year_url" action="yearcmbact" /> 
            <select  name="set_year" id="set_year" 
                list="yearMap" headerValue="Select year"
                headerKey="1" href="%{year_url}"
                cssStyle="width:95px; height:23px"
                onChangeTopics="reloadyear1_url" onCompleteTopics="reloadyear1_url"
                reloadTopics="reloadyear_url" 
                >
            </select>
            <s:url id="year1_url" action="yearcmbact" /> 
            <select  name="set_year1" id="set_year1" 
                list="yearMap" headerValue="Select year"
                headerKey="1" href="%{year1_url}"
                cssStyle="width:95px; height:23px"
                onChangeTopics="reloadmon_url" onCompleteTopics="reloadmon_url"
                reloadTopics="reloadyear1_url" 
                >
            </select>
        </td>
    </tr>
</table>
</fieldset>

更新: 要混合边角,你需要添加这个css:

fieldset {   
  -moz-border-radius:5px;  
  border-radius: 5px;  
  -webkit-border-radius: 5px;
}

请参阅更新的Demo