Welcome Guest! (App Version 3.1)

websitnero logo name

New Input Types

Twelve new input types added in HTML5

New Input Types are a set of 12 new input types that have been added as options for the input box, which is part of making web forms. As you change the type of input, the features for the input box also change. For example, if you provide the input type as 'email' and try to submit form with an invalid email, the automatic validation will be done on browser without any extra effort made to validate it.

Input type 'color' provides a box with set of colors to choose from. Input type 'range' will give a scroller with minimum and maximum range to slide and choose a number from it, and so on.

These are pretty cool features added inside HTML5 to provide more visual appeal to the end-user.

Following are the various input types added in HTML5:

New Input Types
S.No.NameRepresentationDescriptionExamples
1Emailtype="email"Represents input type valid only for as Email
2Urltype="url"Represents input type valid only for type url
3Colortype="color"Represents a set of colors from which user can choose one.
4Rangetype="range"Provides a range of numbers from which user can choose one.
5Numbertype="number"Represents input type valid only for type number (no characters or speical characters allowed)
6Teltype="tel"Represents input type as telephone number.
7Searchtype="search" .....
8Weektype="week"Asks user to choose input in form of week number.
9Monthtype="month"Ask user to make entry in form of month name or number.
10Datetype="date"Asks user to make entry in form of date.
11Timetype="time"Makes entry to input box in form of time.
12Datetime-Localtype="datetime-local"Makes entry to inpput box in form of date-time combination with values representing local time.
WebsiteNero is highly optimized for learning various website developing technlogies. We try our best to add maximum modules and examples to help learn the concepts clearly and vividly. We try to present all content and examples as simple as we can removing any complexity to hurdle easy understanding. We try best provide you with worthful content, but we cannot guarantee full correctness of all the content on this site. While using this website, you agree to have read and accepted all our terms of use and conditions, cookie, and privacy policy. Copyright, 2013-2018 by websitenero.com. All Rights Reserved.