Search :: Basic
<![CDATA[
<!-- 검색조건 -->
<div class="cptSearchArea">
<table>
<caption></caption>
<colgroup>
<col style="width:150px;" />
<col style="width:auto;" />
<col style="width:150px;" />
<col style="width:auto;" />
</colgroup>
<tbody>
<tr>
<th>date + btn</th>
<td>
<div class="frmGroup">
<div class="iptDate"><input type="text" class="iptText" id="datepicker1"></div>
<div class="textBox deco">~</div>
<div class="iptDate"><input type="text" class="iptText" id="datepicker2"></div>
<button class="srhBtn dkbLine">당해년도</button>
</div>
</td>
<th>date</th>
<td>
<div class="frmGroup">
<div class="iptDate"><input type="text" class="iptText" id="datepicker3"></div>
<div class="textBox deco">~</div>
<div class="iptDate"><input type="text" class="iptText" id="datepicker4"></div>
</div>
</td>
</tr>
<tr>
<th>ipt130 + @</th>
<td>
<div class="frmGroup">
<input type="text" class="iptText frmSm">
<input type="text" class="iptText">
</div>
</td>
<th>slt130 + @</th>
<td>
<div class="frmGroup">
<select name="" id="" class="iptSlt frmSm">
<option value="">시도 전체</option>
<option value=""></option>
</select>
<select name="" id="" class="iptSlt">
<option value="">센터 전체</option>
<option value=""></option>
</select>
</div>
</td>
</tr>
<tr>
<th>input, select + text</th>
<td>
<div class="frmGroup">
<select name="" id="" class="iptSlt frmSm">
<option value="">2023</option>
<option value=""></option>
</select>
<div class="textBox">년도</div>
</div>
</td>
<th>slt130 + @</th>
<td>
<div class="frmGroup">
<select name="" id="" class="iptSlt frmSm">
<option value="">제목</option>
<option value=""></option>
</select>
<input type="text" class="iptText">
</div>
</td>
</tr>
<tr>
<th>input, select + text(clarifaication)</th>
<td>
<div class="frmGroup">
<input type="text" class="iptText frmMd" />
<div class="textBox clar">*’-’를 제외한 숫자만 입력 예: 19901211</div>
</div>
</td>
<th>phone</th>
<td>
<select name="" id="" class="iptSlt frmXs">
<option value="">선택</option>
</select>
<div class="textBox deco">-</div>
<input type="text" class="iptText frmXs" />
<div class="textBox deco">-</div>
<input type="text" class="iptText frmXs" />
</td>
</tr>
<tr>
<th>radio</th>
<td>
<div class="frmChoBox"><input id="rdo001" type="radio" class="iptRdo" name="rdo001"><label for="rdo001" class="iptLbl">전체</label></div>
<div class="frmChoBox"><input id="rdo002" type="radio" class="iptRdo" name="rdo001"><label for="rdo002" class="iptLbl">승인대기</label></div>
<div class="frmChoBox"><input id="rdo003" type="radio" class="iptRdo" name="rdo001"><label for="rdo003" class="iptLbl">승인완료</label></div>
<div class="frmChoBox"><input id="rdo004" type="radio" class="iptRdo" name="rdo001"><label for="rdo004" class="iptLbl">미승인</label></div>
</td>
<th>checkbox</th>
<td>
<div class="frmChoBox"><input id="chk001" type="checkbox" class="iptChk"><label for="chk001" class="iptLbl">체크1</label></div>
<div class="frmChoBox"><input id="chk002" type="checkbox" class="iptChk"><label for="chk002" class="iptLbl">체크2</label></div>
<div class="frmChoBox"><input id="chk003" type="checkbox" class="iptChk"><label for="chk003" class="iptLbl">체크3</label></div>
<div class="frmChoBox"><input id="chk004" type="checkbox" class="iptChk"><label for="chk004" class="iptLbl">체크4</label></div>
</td>
</tr>
<tr>
<th>ipt</th>
<td><input type="text" class="iptText"></td>
<td colspan="2" class="right">
<button class="btnReset">초기화</button>
<button class="btnSearch">검색</button>
<button class="btnDetail">상세검색</button>
</td>
</tr>
<tr>
<td colspan="4" class="right">
<button class="btnReset">초기화</button>
<button class="btnSearch">검색</button>
<button class="btnDetail">상세검색</button>
</td>
</tr>
</tbody>
</table>
</div>
]]>
추가 조작
| 경로 |
.cptSearchArea table tr .className |
| className |
설명 |
| left |
오브젝트 좌로 정렬 |
| center |
오브젝트 가로 가운데로 정렬 |
| right |
오브젝트 우로 정렬 |
| top |
오브젝트 위로 정렬 |
| middle |
오브젝트 세로 가운데로 정렬 |
| bottom |
오브젝트 아래로 정렬 |
| bold |
텍스트를 두껍게 |