Bootstrap，來自 Twitter，是目前最受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它簡(jiǎn)潔靈活，使得 Web 開發(fā)更加快捷。
廢話不多說了，直接給大家貼bootstrap實(shí)現(xiàn)查詢的代碼了。具體代碼如下所示：
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><!DOCTYPE html><html lang="en"><head><title><%=request.getParameter("title") %></title> </head><body><!-- 頭部引入 --><%@ include file="/jsp/public/header.jspf" %><div class="main"><!-- 左側(cè)菜單 --><%@ include file="/jsp/public/menu.jsp" %><div class="left-side"><div class="contrain"><div class="position"> <a class="a2" href=""><span class="iconfont"></span></a> <span class="iconfont"></span> <span><%=request.getParameter("title") %></span></div><!-- 操作部分 --><div class="bgroup text-right"><!-- <s:a action="dataRule_addUI" cssClass="button bPrimary"><i class="iconfont"></i>新增</s:a><a href="###" class="button bSuccess" onclick="editRule();"><i class="iconfont"></i>編輯</a><a href="###" class="button bInfo" onclick="collectRule();"><i class="iconfont"></i>收藏</a><a href="###" class="button bDanger" onclick="delRule();" id="delRuleId"><i class="iconfont"></i>刪除</a> --></div><div class="showMessage"><!-- 表單部分 --><form class="form-inline" id="taskList_form"><div class="form-group"><c:set var="querywhere" value="state='1'"/><c:if test="${not empty param.pdKey}"><c:set var="querywhere" value="pdKey='${param.pdKey}'"/></c:if>流程名稱：<OATag:select cssclass="form-control pdKey" name="pdKey" classname="ProcDefExtend" listkey="pdName" otherattr="${not empty param.pdKey?'disabled':''}" listvalue="pdKey" querywhere="${querywhere}" value="${param.pdKey}" auth="false"/></div><div class="form-group">開單人：<input name="openUserName" onkeypress="if(event.keyCode==13){$('#bnt_search').click();return false;}" class="form-control"/></div><div class="form-group pdate"><label for="date">送達(dá)時(shí)間：</label><input class="form-control layer-date" id="start" placeholder="請(qǐng)選擇開始日期" name="startDate" /><i class="iconfont"></i></div><div class="form-group pdate"><label for="date">至</label><input class="form-control layer-date" id="end" placeholder="請(qǐng)選擇結(jié)束日期" name="endDate"/><i class="iconfont"></i></div><%-- <div class="form-group"><label for="keywords">關(guān)鍵詞：</label><s:textfield type="text" cssClass="form-control" name="keyword" id="keywords" value="%{keyword}" placeholder="請(qǐng)輸入關(guān)鍵詞"/></div> --%><div class="form-group"> <a href="javascript:void(0);" class="button bPrimary" id="bnt_search" onclick="_search();"><i class="iconfont">
主站蜘蛛池模板：
静乐县|
临邑县|
全州县|
历史|
治县。|
仁寿县|
洛浦县|
龙游县|
禹城市|
腾冲县|
绥棱县|
福清市|
邓州市|
治县。|
宁蒗|
甘谷县|
绥化市|
临潭县|
德州市|
万源市|
蓬溪县|
胶南市|
张家界市|
克什克腾旗|
新郑市|
新龙县|
佛冈县|
类乌齐县|
安泽县|
永年县|
兰州市|
阿克陶县|
石门县|
宜春市|
鸡泽县|
丰镇市|
大足县|
井陉县|
太仆寺旗|
莒南县|
修水县|