W3.JS

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>
...

亲自试一试» 使用 CSS »

过滤表

姓名	国家
伯格伦德斯纳布科普	瑞典
北/南	英国
阿尔弗雷德·富特基斯特	德国
埃森国王	德国
里乌尼蒂食品杂志	意大利
巴黎特色菜	法国
岛屿贸易	英国
笑酒神巴克斯酒窖	加拿大

示例

<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>
...

亲自试一试» 使用 CSS »