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">
主站蜘蛛池模板：
鄂尔多斯市|
鹤山市|
淮滨县|
芒康县|
林周县|
古丈县|
卢氏县|
汝南县|
迁西县|
忻州市|
新平|
朝阳区|
永年县|
邵东县|
五台县|
塔城市|
韶山市|
中方县|
浦江县|
东明县|
龙江县|
义乌市|
辉县市|
永寿县|
金平|
宜兰县|
图木舒克市|
任丘市|
江都市|
明溪县|
康平县|
肇东市|
彰化县|
德安县|
桃源县|
松原市|
凌海市|
长治市|
郧西县|
滨海县|
怀来县|