HTML/Elemente/search

Das search-Element stellt einen Teil eines Dokuments oder einer Anwendung dar, der eine Reihe von Formularsteuerelementen oder andere Inhalte enthält, die sich auf die Durchführung einer Such- oder Filteroperation beziehen. Dabei kann es sich um eine Suche auf der Website oder in der Anwendung, um eine Möglichkeit zum Suchen oder Filtern von Suchergebnissen auf der aktuellen Webseite oder um eine globale oder internetweite Suchfunktion handeln.

Browserunterstützung
caniuse.com

Syntax

Start-Tag: notwendig

End-Tag: notwendig

WAI‑ARIA‑Rolle

• search (Details)

Elternelemente

Darf vorkommen in:

• Elementen mit flow content

erlaubte Inhalte

• Elemente mit flow content

Beispiel

<header>
  <h1><a href="/">Mein Blog</a></h1>
  ...
  <search>
    <form action="search.php">
      <label for="query">Finde einen Beitrag</label>
      <input id="query" name="q" type="search">
      <button type="submit">Los!</button>
    </form>
  </search>
</header>>

In diesem Beispiel fügt der Autor ein Suchformular in die Kopfzeile der Webseite ein.

Beachten Sie: Es ist nicht angebracht, das Suchelement nur für die Darstellung von Suchergebnissen zu verwenden, obwohl Vorschläge und Links als Teil von "Schnellsuche"-Ergebnissen als Teil einer Suchfunktion enthalten sein können. Vielmehr wird erwartet, dass eine Webseite ihre Suchergebnisse als Teil des Hauptinhalts darstellt.

Siehe auch

• HTML/Tutorials/Formulare/Suchformulare
• JavaScript/Tutorials/Formulare/Suchen und Filtern

Weblinks

• WHATWG: The search element
• MDN: search