W3.CSS Filters（過(guò)濾器）

2020-12-01 16:47 更新

W3.CSS Filters（過(guò)濾器）

使用少量 JavaScript，可以過(guò)濾 W3.CSS 中的所有組件。

篩選表

實(shí)例

<input class="w3-input w3-border w3-padding" type="text" placeholder="搜索姓名.." id="myInput" onkeyup="myFunction()">

嘗試一下 ?
點(diǎn)擊“嘗試一下”按鈕查看在線實(shí)例

篩選清單

實(shí)例

<input class="w3-input w3-border w3-padding" type="text" placeholder="搜索姓名.." id="myInput" onkeyup="myFunction()">

嘗試一下 ?
點(diǎn)擊“嘗試一下”按鈕查看在線實(shí)例

過(guò)濾下拉列表

實(shí)例

<button class="w3-button w3-black">下拉列表</button>

<div class="w3-dropdown-content w3-bar-block w3-card w3-light-grey" id="myDIV">


懸浮樣式 ? 點(diǎn)擊樣式 ? 
以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)