I hope you are already familiar with HTML’s <form> element. HTML5 form has extended its usability up to a larger extent by introducing many new input types, attributes and elements. However...
HTML5 is new; All major browsers like Google Chrome and Mozilla Firefox have included support for it upto an extent. Still, there is no single browser present in market which gives 100% support for all elements of HTML5. Thus next time if you see some of HTML5′s element not working with your browser, the story behind the scene could be like as shown in image below:
There are a number of online applications available which can be helpful in detection of HTML5 browser support.You may have a look on browser compatibility cloud below:
There are a number of online applications which would help you in knowing the HTML5 browser support for major browsers present in the market. Here is a list which covers most useful HTML5 browser compatitbility detection application, charts and tables:
This online application does not only tells your browser’s compatibility with HTML5, but also it tells you how much other browsers (both Desktop and Mobile) are compatible with HTML5 (in %age).
HTML5 Readiness is another useful and easy to understand application [Specially for non-technicals]. It provides you information about support of main HTML5 and CSS3 elements with all major browsers in an yearly chart fashion.
Can I use is not an online application. It is a collection of HTML5, CSS3 and SVG compatibility tables which are helpful for those who want a deeper knowledge on this area. Every element of above written web development languages is separately discussed as a table of compatibility of all major browsers.
For those who are developers, there’s a technique of detecting each element separately using Modernizr. To know how to use it, please check my next article on learn using HTML5 detection through Modernizr.