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.

Definition and Usage

The <search> tag is used to specify that here comes a set of elements that is related to search.

Elements inside a <search> elements can typically be form elements used to perform a search.

Note: The <search> element does not render as anything special in a browser. However, you can use CSS to style the <search> element and its content.

Browser Support

Global Attributes

The <search> tag also supports the Global Attributes in HTML.

Event Attributes

The <search> tag also supports the Event Attributes in HTML.

How to create HTML <search> Tag

It surrounds the search form with a search element:

index.html

Example: HTML

<search>
  <form>
    <input name="fsrch" id="fsrch" placeholder="Search Horje">
  </form>
</search>

Output should be:

How to set Default CSS Settings on HTML <search> Tag

Most browsers will display the <search> element with the following default values:

index.html

Example: HTML

<style>
search { 
  display: block;
}
</style>

Output should be:

html search

What is HTML <!--...--> Tag	HTML Tag
What is HTML <!DOCTYPE> Declaration	HTML Tag
What is HTML Elements and Doctypes	HTML Tag
What is HTML <a> Tag	HTML Tag
What is HTML <abbr> Tag	HTML Tag
What is HTML <acronym> Tag	HTML Tag
What is HTML <address> Tag	HTML Tag
What is HTML <applet> Tag	HTML Tag
What is HTML <area> Tag	HTML Tag
What is HTML <article> Tag	HTML Tag
What is HTML <aside> Tag	HTML Tag
What is HTML <audio> Tag	HTML Tag
What is HTML <b> Tag	HTML Tag
What is HTML <base> Tag	HTML Tag
What is HTML <basefont> Tag	HTML Tag
What is HTML <bdi> Tag	HTML Tag
What is HTML <bdo> Tag	HTML Tag
What is HTML <big> Tag	HTML Tag
What is HTML <blockquote> Tag	HTML Tag
What is HTML <body> Tag	HTML Tag
What is HTML <br> Tag	HTML Tag
What is HTML <button> Tag	HTML Tag
What is HTML <canvas> Tag	HTML Tag
What is HTML <caption> Tag	HTML Tag
What is HTML <center> Tag	HTML Tag
What is HTML <cite> Tag	HTML Tag
What is HTML <code> Tag	HTML Tag
What is HTML <col> Tag	HTML Tag
How to create HTML <colgroup> Tag	HTML Tag
What is HTML <data> Tag	HTML Tag
What is HTML <datalist> Tag	HTML Tag
What is HTML <dd> Tag	HTML Tag
What is HTML <del> Tag	HTML Tag
What is HTML <details> Tag	HTML Tag
What is HTML <dfn> Tag	HTML Tag
What is HTML <dialog> Tag	HTML Tag
What is HTML <dir> Tag	HTML Tag
What is HTML <div> Tag	HTML Tag
What is HTML <dl> Tag	HTML Tag
What is HTML <dt> Tag	HTML Tag
What is HTML <em> Tag	HTML Tag
What is HTML <embed> Tag	HTML Tag
What is HTML <fieldset> Tag	HTML Tag
What is HTML <figcaption> Tag	HTML Tag
What is HTML <figure> Tag	HTML Tag
What is HTML <font> Tag	HTML Tag
What is HTML <footer> Tag	HTML Tag
What is HTML <form> Tag	HTML Tag
What is HTML <frame> Tag	HTML Tag
What is HTML <frameset> Tag	HTML Tag
What is HTML <h1> to <h6> Tags	HTML Tag
What is HTML <head> Tag	HTML Tag
What is HTML <header> Tag	HTML Tag
What is HTML <hgroup> Tag	HTML Tag
What is HTML <hr> Tag	HTML Tag
What is HTML <html> Tag	HTML Tag
What is HTML <i> Tag	HTML Tag
What is HTML <iframe> Tag	HTML Tag
What is HTML <img> Tag	HTML Tag
What is HTML <input> Tag	HTML Tag
What is HTML <ins> Tag	HTML Tag
What is HTML <kbd> Tag	HTML Tag
What is HTML <label> Tag	HTML Tag
What is HTML <legend> Tag	HTML Tag
What is HTML <li> Tag	HTML Tag
What is HTML <link> Tag	HTML Tag
What is HTML <main> Tag	HTML Tag
What is HTML <map> Tag	HTML Tag
What is HTML <mark> Tag	HTML Tag
What is HTML <menu> Tag	HTML Tag
What is HTML <meta> Tag	HTML Tag
What is HTML <meter> Tag	HTML Tag
What is HTML <nav> Tag	HTML Tag
What is HTML <noframes> Tag	HTML Tag
What is HTML <noscript> Tag	HTML Tag
What is HTML <object> Tag	HTML Tag
What is HTML <ol> Tag	HTML Tag
What is HTML <optgroup> Tag	HTML Tag
What is HTML <option> Tag	HTML Tag
What is HTML <output> Tag	HTML Tag
What is HTML <p> Tag	HTML Tag
What is HTML <param> Tag	HTML Tag
What is HTML <picture> Tag	HTML Tag
What is HTML <pre> Tag	HTML Tag
What is HTML <progress> Tag	HTML Tag
What is HTML <q> Tag	HTML Tag
What is HTML <rp> Tag	HTML Tag
What is HTML <rt> Tag	HTML Tag
What is HTML <ruby> Tag	HTML Tag
What is HTML <s> Tag	HTML Tag
What is HTML <samp> Tag	HTML Tag
What is HTML <script> Tag	HTML Tag
What is HTML <search> Tag	HTML Tag
What is HTML <section> Tag	HTML Tag
What is HTML <select> Tag	HTML Tag
What is HTML <small> Tag	HTML Tag
What is HTML <source> Tag	HTML Tag
What is HTML <span> Tag	HTML Tag
What is HTML <strike> Tag	HTML Tag
What is HTML <strong> Tag	HTML Tag
What is HTML <style> Tag	HTML Tag
What is HTML <sub> Tag	HTML Tag
What is HTML <summary> Tag	HTML Tag
What is HTML <sup> Tag	HTML Tag
What is HTML <svg> Tag	HTML Tag
What is HTML <table> Tag	HTML Tag
What is HTML <tbody> Tag	HTML Tag
What is HTML <td> Tag	HTML Tag
What is HTML <template> Tag	HTML Tag
What is HTML <textarea> Tag	HTML Tag
What is HTML <tfoot> Tag	HTML Tag
What is HTML <th> Tag	HTML Tag
What is HTML <thead> Tag	HTML Tag
What is HTML <time> Tag	HTML Tag
What is HTML <title> Tag	HTML Tag
What is HTML <tr> Tag	HTML Tag
What is HTML <track> Tag	HTML Tag
What is HTML <tt> Tag	HTML Tag
What is HTML <u> Tag	HTML Tag
What is HTML <ul> Tag	HTML Tag
What is HTML <var> Tag	HTML Tag
What is HTML <video> Tag	HTML Tag
How to add HTML <wbr> Tag	HTML Tag

Single Articles

How to create HTML <search> Tag	HTML Tag
How to set Default CSS Settings on HTML <search> Tag	HTML Tag

Read Full:	HTML Tag
Type:	Develop
Category:	Web Tutorial
Sub Category:	HTML Tag
Uploaded:	6 months ago
Uploaded by:	Admin
Views:	171

Reffered: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/search

Definition and Usage

Browser Support

Global Attributes

Event Attributes

How to create HTML <search> Tag

It surrounds the search form with a search element:

index.html

Output should be:

How to set Default CSS Settings on HTML <search> Tag

Most browsers will display the <search> element with the following default values:

index.html

Output should be:

Related Articles

Single Articles

Share on: