Understanding new input types in HTML5

We will look at the new input types in HTML5. The following input types mentioned are explained along with their respective code.


After the success of Google as a search engine, we can see a search box facility almost everywhere on the web. The search box is used on almost all the websites to find information on that site or the web in general. In HTML5, we can create a search box using the input type as search. The search box looks like a normal textbox but is used for search purposes.

Let's look at the following code to understand it better:

<!DOCTYPE html> <html> <head> <title> Search Input type </title> <h1> Search Input type </h1> </head> <p> Enter the search string in the textbox below and click ...

Get HTML5 and CSS3 Transition, Transformation, and Animation now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.