Welcome Guest! (App Version 3.1)
IntroductionHTML Tutorial What is HTML? My First Program in HTML HTML Doctype Block Elements Inline Elements
<Head> SectionHead Section HTML CSS HTML Scripts HTML Meta Tags HTML Title HTML Favicon
Box ModelHTML Box Model HTML Content HTML Padding HTML Border HTML Margin
HTML TagsTags in HTML HTML Div HTML Headers HTML Paragraphs HTML Span HTML Images HTML Hyperlinks HTML Comments HTML Lists HTML Tables HTML Iframes HTML New Line HTML Horizontal Line
Fonts and TextsHTML Bold HTML Italics HTML Underline HTML Indent HTML Font-Family HTML Font-Size HTML Font-Weight
FormsHTML Forms HTML Text-Box HTML Radio Buttons HTML Checkbox HTML Select HTML Text Area HTML Button HTML 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.|