Logo
  Sunday, May 20, 2012
Sign-In  |  Sign-Up  |  Contact Us  | Bookmark |  RSS Feed

HTML5 Tutorial FeedBurner

HTML5 Form Input Types  
HTML5 forms have new set of input types in addition to well known and widely used input types such as text, checkbox, textarea and radiobutton. These new HTML5 forms elements designed to enrich user experience and make development process easier.

Here is a list of new HTML5 elements introduced recently by HTML5 development team:

  • keygen
  • output
  • progress
  • meter
  • e-mail
  • url
  • date picker
  • datetime
  • number
  • search
  • range
  • tel
  • color
Each of the above mentioned elements have set of attributes that makes them more useful and more configurable for your needs. You need to place these elements within form element just like any prior input elements you used to work with. In addition, you can now place these elements outside of the form element and still make them work with your form. This is something new to HTML5 and very useful in your development process.
Print HTML5 Form Input Types Bookmark HTML5 Form Input Types

Related Articles  
HTML5 Forms Browser Support
HTML5 forms allow creation of highly interactive web pages. Moreover, HTML5 provide for faster and efficient form data ...
HTML5 Drag and Drop Key Concepts
HTML5 Drag and Drop is modeled after desktop based application. As a result, HTML5 drag and drop is easy to implement ...
HTML5 Drag and Drop Events
Let us look at the HTML drag and drop event flow in order to understand how HTML5 executes drag and drop operation ...
HTML5 dataTransfer object
The HTML5 dataTransfer object is part of drag and drop feature in HTML5. It is the main object that holds information ...
Adding HTML5 Spellcheck to the HTML5 Form
The W3C's HTML5 specification added HTML5 spellcheck attribute to input and textarea elements of the HTML5 web page.
HTML5 Custom Tags
The HTML5 allows you to customize an input tag. The HTML input tag can be modified to allow custom validation in a more ...
More