ナビ・リスト操作
即時フィルタ
検索ボックスに入力するとリストが即座に絞り込まれる。ページ遷移なしでさくさく探せる。
プレビュー
入力
操作実際に入力して試せます。
コード（コピーして使えます）
<div class="filter-wrap">
<div class="filter-search">
<span class="filter-icon">🔍</span>
<input class="filter-input" type="text" placeholder="キーワードで絞り込む" autocomplete="off">
</div>
<ul class="filter-list">
<li>東京都</li>
<li>大阪府</li>
<li>神奈川県</li>
<li>愛知県</li>
<li>埼玉県</li>
<li>千葉県</li>
<li>福岡県</li>
<li>北海道</li>
</ul>
<p class="filter-empty" hidden>一致する項目がありません</p>
</div>