Filtros HTML W3.JS
Elementos de filtro:
w3.filterHTML(selector)
Filtrar listas
Busque un nombre en el campo de entrada.
- {{Nombre del cliente}}
Ejemplo
<input oninput="w3.filterHTML('#id01',
'li', this.value)">
<ul id="id01">
<li>Alfreds Futterkiste</li>
<li>Berglunds snabbkop</li>
...
Filtrar tablas
| Nombre | País |
|---|---|
| supermercado de berglund | Suecia |
| Norte Sur | Reino Unido |
| Caja de alimentación de Alfred | Alemania |
| comida real | Alemania |
| Almacenes de alimentos reunidos | Italia |
| Especialidades de París | Francia |
| Comercio de la isla | Reino Unido |
| Laughing Bacchus Winecellars | Canadá |
Ejemplo
<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>
...