O'Reilly logo

HTML5 and CSS3 Transition, Transformation, and Animation by Gianluca Guarini, Aravind Shenoy

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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.

search

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required