W3.JS filtrlar
Elementlarni filtrlash:
w3.filterHTML(selector)
Ro‘yxatlarni filtrlash
Kiritish maydonida nomni qidiring.
- {{CustomerName}}
Misol
<input oninput="w3.filterHTML('#id01', 'li', this.value)">
<ul id="id01">
<li>Alfreds Futterkiste</li>
<li>Berglunds snabbkop</li>
...
O‘zingiz sinab ko‘ring » CSS bilan »
Jadvallarni filtrlash
| Nomi | Mamlakat |
|---|---|
| Berglunds snabbköp | Sweden |
| North/South | UK |
| Alfreds Futterkiste | Germany |
| Königlich Essen | Germany |
| Magazzini Alimentari Riuniti | Italy |
| Paris spécialités | France |
| Island Trading | UK |
| Laughing Bacchus Winecellars | Canada |
Misol
<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>
...
O‘zingiz sinab ko‘ring » CSS bilan »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!