Bộ lọc HTML W3.JS
Các phần tử lọc:
w3.filterHTML( selector )
Danh sách lọc
Tìm kiếm tên trong trường đầu vào.
- {{Tên khách hàng}}
Ví dụ
<input oninput="w3.filterHTML('#id01',
'li', this.value)">
<ul id="id01">
<li>Alfreds Futterkiste</li>
<li>Berglunds snabbkop</li>
...
Hãy tự mình thử » Với CSS »Bảng lọc
Tên | Quốc gia |
---|---|
Berglunds snabbköp | Thụy Điển |
Bắc Nam | Vương quốc Anh |
Alfred Futterkiste | nước Đức |
Königlich Essen | nước Đức |
Magazzini Alimentari Riuniti | Nước Ý |
đặc sản Paris | Pháp |
Giao dịch đảo | Vương quốc Anh |
Hầm rượu Bacchus cười | Canada |
Ví dụ
<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>
...
Hãy tự mình thử » Với CSS »