Welcome Guest! (App Version 3.1)
IntroductionHTML Tutorial What is HTML? My First Program in HTML Doctype Types of Elements Block Elements Inline Elements
Box ModelWhat is Box Model Content in Box Model Padding in Box Model Border in Box Model Margin in Box Model
HTML TagsDiv Tags H1 to H6 Tags Paragraphs Tags Span Tags Bold Tags Italic Tags
HTML UtilitiesAdding Images Adding Hyperlinks Adding Comments Types of Lists Tables Iframes Breaking Lines Horizontal Line
FormsForms in HTML Text-Box Radio Checkbox Select and Option Text Area Button Submit
HTML 5What is new in HTML5 Syntax Changes New Elements & Properties Semantic Tags New Elements New Input Types Graphics Support Canvas SVG Media Support Audio Video Client Side Storage Local Storage Session Storage Indexed DB Web SQL [dep] Cookies API Support Web Worker Web Sockets Service Worker App Cache [dep] SSE Drag & Drop Geolocation
HTML QuizHTML Quiz 1
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:
|1||type="email"||Represents input type valid only for as Email|
|2||Url||type="url"||Represents input type valid only for type url|
|3||Color||type="color"||Represents a set of colors from which user can choose one.|
|4||Range||type="range"||Provides a range of numbers from which user can choose one.|
|5||Number||type="number"||Represents input type valid only for type number (no characters or speical characters allowed)|
|6||Tel||type="tel"||Represents input type as telephone number.|
|8||Week||type="week"||Asks user to choose input in form of week number.|
|9||Month||type="month"||Ask user to make entry in form of month name or number.|
|10||Date||type="date"||Asks user to make entry in form of date.|
|11||Time||type="time"||Makes entry to input box in form of time.|
|12||Datetime-Local||type="datetime-local"||Makes entry to inpput box in form of date-time combination with values representing local time.|