<search> - 検索

目次

概要
説明
属性
使用例
リンク

概要

形式: <search>～</search>
サポート: https://caniuse.com/mdn-html_elements_search
カテゴリ: フローコンテンツ; パルパブルコンテンツ
親要素: フローコンテンツを子要素に持てるもの
子要素: フローコンテンツ
タグの省略: 開始タグ:必須 / 終了タグ:必須
属性: グローバル属性

説明

検索や絞り込みを行うフォームを表します。ブラウザ上の見栄えには影響しませんが、<search>～</search> で囲まれたコンテンツが検索や絞り込みを行うためのものであることを示します。2023年3月に HTML Living Standard に追加されました。

属性

グローバル属性: 詳細はグローバル属性を参照してください。

使用例

HTML

<search>
 <form action="/search">
  <label for="query">検索</label>
  <input id="query" name="q" type="search">
  <button type="submit">Go!</button>
 </form>
</search>

表示

リンク

Copyright (C) 2023 杜甫々

初版:2023年7月9日最終更新:2023年7月9日

https://www.tohoho-web.com/html/search.htm