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





Discover More
HTML - List

A group of non-interactive list items. A list can contain: listitem, or another list HTML Unordered list: HTML ul: (Tree|Nested) Unordered list Ordered list: HTML ol element Description...
Color Autocompletion List
How to create an Autocompletion functionality with CSS , Javascript and HTML ?

This article shows you how to create a search box with an autocompletion feature
What are HTML Input Elements?

An inputinput element of a form control that permits to define a scalar value (single value) inputFull list Ref Doc The type attribute defined: the default behavior the design of the element....



Share this page:
Follow us:
Task Runner