How to Use Forms in HTML5
HTML Forms form the basis of every online form, from your mail sign up to your personal website making. HTML5 is the new version for HTML, and it adds many new things to old HTML.
1This forms the basis of HTML5 and you won't understand this article if you do not know HTML4.
2The steps outlined below show the new tags description and use.
4<input required="" type="text"> This is also good for future proofing as well as validation in select browsers.
6It is well known that almost every site that asks for registration asks for an email address. So, use- <input type="email"> You may notice that most browsers do not change anything, but a few hints, like the indication in Opera, or the keyboard-optimization in iPhone.
10Sliders are a much desired UI part of web design, and HTML5 has it. <bor><input min="0" max="10" step="2" type="range"> The same rules as type="number" apply to it.
11<input type="colorpicker"> <input type="date"> Sadly, Opera is the only browser with major support for these.
12<input type="search"> Mac OS Safari rounds in and gives it native search box styling, which is pretty good. But other browser support is a problem, where no other vendor supports this.