<search>
The <search> HTML element is a container representing the parts of the document or application with form controls or other content related to performing a search or filtering operation. The <search> element semantically identifies the purpose of the element's contents as having search or filtering capabilities. The search or filtering functionality can be for the website or application, the current web page or document, or the entire Internet or subsection thereof.
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
Use cases
-
Using <search>
The <search> HTML element is a container representing the parts of the document or application with form controls or other content related to performing a search or filtering operation.
Cautions
- May not be supported in older browsers.
Accessibility
- Verify how this element is announced by screen readers.