How to use a HTML Input Search Element to create a Search box?

About

A input search is a html input element with a search type that represents a search box.

It's identical to text inputs, but may be styled differently by the user agent.

Example

<label for="searchId">Search: </label> 
<input id="searchId"  name="searchName" type="search"  placeholder="search term" />

Attribute

• size is the length in em (1 unit = 1 character). CSS width takes precedence over size attribute.

Documentation / Reference

• en-US/docs/Web/HTML/Element/input/search