skip navigation

게시판(기본형)

  • - 게시판에 사용되는 테이블 형식의 리스트입니다.

[VIEW]
검색 조건 선택 및 검색
테이블 제목 - 테이블 설명
번호 구분 제목 등록일
4 전점 현대카드 M포인트를 신세계상품권으로 교환 2014-10-16
3 전점 포인트 적립, 할인, 무이자 까지 이마트에서 가장 큰 혜택을 드립니다. 2014-08-23
2 청계천점 [청계천점] 페이리스 그랜드오픈 새로운 글 2014-12-01
1 서수원점 [서수원점] 서수원점 단독 삼성카드 혜택 새로운 글 2014-11-26
[CODE]
<fieldset class="srst_area"> <legend>검색 조건 선택 및 검색</legend> <div> <div> <!-- 경우에 따라 span 태그 사용 가능합니다. --> <select class="" title="해당지역 선택란" style="width:120px;" name="searchArea" id="searchArea"> <option value="">전체지역</option> <option value="A">서울</option> <option value="B">부산</option> <option value="C">인천</option> <option value="D">대구</option> </select> </div> <div> <!-- 경우에 따라 span 태그 사용 가능합니다. --> <select class="" title="해당지역 점포선택란" style="width:120px;" name="searchJijumId" id="searchJijumId"> <option value="">전체점포</option> </select> </div> <input type="text" name="searchTitle" id="searchTitle" style="width:200px;" placeholder="제목을 입력해주세요." title="공지사항 검색 입력창" value=""> <button>검색</button> </div> </fieldset> <div class="tb_row"> <table border="1"> <caption>테이블 제목 - 테이블 설명</caption> <colgroup> <col style="width:65px;" /> <col style="width:90px;" /> <col /> <col style="width:130px;" /> </colgroup> <thead> <tr> <th scope="col">번호</th> <th scope="col">구분</th> <th scope="col">제목</th> <th scope="col">등록일</th> </tr> </thead> <tbody> <tr> <td>4</td> <td>전점</td> <td><a href="#">현대카드 M포인트를 신세계상품권으로 교환</a> </td> <td>2014-10-16</td> </tr> <!-- //loop --> <tr> <td>3</td> <td>전점</td> <td><a href="#">포인트 적립, 할인, 무이자 까지 이마트에서 가장 큰 혜택을 드립니다.</a> </td> <td>2014-08-23</td> </tr> <!-- //loop --> <tr> <td>2</td> <td>청계천점</td> <td><a href="#">[청계천점] 페이리스 그랜드오픈</a> <span class="ico new"><span>새로운 글</span></span></td> <td>2014-12-01</td> </tr> <!-- //loop --> <tr> <td>1</td> <td>서수원점</td> <td><a href="#">[서수원점] 서수원점 단독 삼성카드 혜택</a> <span class="ico new"><span>새로운 글</span></span></td> <td>2014-11-26</td> </tr> <!-- //loop --> </tbody> </table> </div>