Newly availableNewly available. Verify your target environments before adopting.

Overview

The <search> HTML element is a container that represents the parts of the web page with search functionality.

Browser support

Feature Desktop Mobile
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
118
118
118
17
118
17
1+Supported (version) Not supported Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)

Syntax

HTML
<search>
  <form action="/search" method="get">
    <label for="q">Site Search:</label>
    <input type="search" id="q" name="q" placeholder="キーワード">
    <button type="submit">Search</button>
  </form>
</search>

Live demo

Searchsection

Search element in searchfeature to relatedcontent.

PreviewFullscreen

filter withsearch

Search elementinsidefilteroption placement.

PreviewFullscreen

headerinside. Search

saitheader to search element placementpattern.

PreviewFullscreen

Use cases

  • Using <search>

    The <search> HTML element is a container that represents the parts of the web page with search functionality.

Cautions

  • May not be supported in older browsers.

Accessibility

  • Verify how this element is announced by screen readers.

Powered by web-features