文書の骨格

`<search>` 検索の入力部分をまとめる

重要度2 / 5

意味

サイト内検索や絞り込みのフォームを囲む場合に使います。支援技術に「ここは検索の領域」と伝わります。以前は <form role="search"> と書いていた部分です。古いブラウザも考える場合は、対応状況を確認します。

コード

HTML

<search>
  <form action="/search/">
    <label for="q">サイト内検索</label>
    <input id="q" name="q" type="search">
    <button>検索</button>
  </form>
</search>

プレビュー（初期表示）

ブラウザ対応

主要ブラウザの対応状況
ブラウザ	対応
Chrome	118〜
Firefox	118〜
Safari	17〜
Edge	118〜
Chrome Android	118〜
Safari iOS	17〜

出典: MDN Web Docs（`@mdn/browser-compat-data`）