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.

Featured pages


Learn about HTML5 architecture, design principles and patterns on HTML5 Overview Tutorial. Become …


Learn about HTML5 tags and discover a new list of HTML5 tags. Find out about HTML5 tags support by…


 Learn HTML5 development techniques, tips and tricks on our website. Find out what is required…

Date Time Picker

HTML5 forms use date and time controls regularly. HTML5 date and time controls are used by booking …