HTML <search>
Tag
The <search>
tag is used to create a search box on a webpage. It allows users to enter a query and search for specific content within the website.
How to Use the <search> Tag
To use the <search>
tag, simply include it in your HTML code with an associated form element. Here is an example:
<search>
<input type="text" name="search_query">
</search>
In this example, the <search>
tag contains an input field where users can enter their search query. When the form is submitted, the query will be sent to the server for processing.
Attributes of the <search> Tag
Attribute | Description |
---|---|
autocomplete |
Determines whether the browser should automatically complete the input value |
placeholder |
Displays a hint to the user about what they should enter in the search box |
required |
Specifies that the user must fill in the search box before submitting the form |
Here is an example of the <search>
tag with attributes:
<search autocomplete="on" placeholder="Search..." required>
<input type="text" name="search_query">
</search>
In this example, the search box will have autocomplete enabled, display the word "Search..." as a placeholder, and require the user to fill in the search box before submitting the form.