W3.JS HTML 필터
필터 요소:
w3.filterHTML(selector)
필터 목록
입력 필드에서 이름을 검색합니다.
- {{고객 이름}}
예시
<input oninput="w3.filterHTML('#id01',
'li', this.value)">
<ul id="id01">
<li>Alfreds Futterkiste</li>
<li>Berglunds snabbkop</li>
...
필터 테이블
| 이름 | 국가 |
|---|---|
| Berglund의 슈퍼마켓 | 스웨덴 |
| 북쪽/남쪽 | 영국 |
| 알프레드의 먹이통 | 독일 |
| 왕실 음식 | 독일 |
| 수집 식품 창고 | 이탈리아 |
| 파리 특산품 | 프랑스 |
| 섬 무역 | 영국 |
| 웃는 박카스 포도주 저장고 | 캐나다 |
예시
<input oninput="w3.filterHTML('#id01', '.item', this.value)">
<table
id="id01">
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr class="item">
<td>Alfreds Futterkiste</td>
<td>Berlin</td>
<td>Germany</td>
</tr>
<tr class="item">
<td>Berglunds snabbkop</td>
<td>Lulea</td>
<td>Sweden</td>
</tr>
...