≡ Menu

HTML5 and Advanced Forms

HTML5 provides many new advanced features for programmers. One benefit is that with the advent of HTML5, mobile devices will benefit from more capable forms than in previous HTML versions. So how are Web, Cloud and Mobile App developers planning to take advantage of this coming functionality?

First, input elements are going to allow us to put in things called regular expressions such that there will be no Javascript or server requests to validate the data being submitted.

Sean Mahoney, President & CEO AndPlus, LLC, a custom software development company considers this to be a big win for mobile devices.  Mobile browsers can now build-in this functionality — and do so in the most efficient way without having to rely on different third party Javascript libraries to perform this function.

Mahoney goes on to point out that, “the form elements out of the box are going to look much better and be optimized for mobile devices. Browsers will be able to use native-feeling input elements like scrolling lists and menus to gather input from users, thereby delivering an overall better experience.”

By using HTML5 and the new features, developers can now easily implement form elements without knowing how to code Javascript. For example, one new feature in HTML5 is “autofocus.” “What “autofocus” does is put the insertion point in a particular field,” said Connie Howell, Webucator HTML5 Trainer. “Therefore, the end user does not have to tap into that first field to start typing. They can just start typing. We can now also ‘require’ data in fields by using another new HTML5 feature, the ‘required’ attribute.”

Howell pointed out that HTML5 has 13 new input types that developers can now start working with, and many of the field types are particularly interesting for mobile devices. “For number type fields mobile devices will display the number keyboard. For email and URL field types, they’ll display useful keys (e.g, the @ symbol) on the keyboard. And don’t worry if some of the new field types have not yet been implemented by a particular browser. The browser will simply display unknown field types as text inputs. So we can start using these new field types now without fear,” she said.

HTML5 allows developers to utilize native elements within applications without having to rewrite code for different browsers. “That means our mobile web sites will act and behave in a way indicative of the platform they’re running on,” said Mahoney. “iPhone users, for instance, keep the iPhone experience without being subjected to our third party perspective on how an input element should look.”

In the long run, HTML5 will eventually consolidate what is now fragmented browser design and development. The technology is just getting off the ground, which is why Howell recommended developers jump on the HTML5 bandwagon now. As she said, “It is always a good thing to be ahead of technology instead of behind it.”

Author Bio:- This post is by Rackspace blogger Sue Poremba. Rackspace Hosting is the service leader in cloud computing, and a founder of OpenStack, an open source cloud operating system. The San Antonio-based company provides Fanatical Support to its customers and partners, across a portfolio of IT services, including Managed Hosting and Cloud Computing.

{ 1 comment… add one }
  • sumit kumar

    May 27, 2012, 12:38 am

    Hello “Sue Poremba” is HTML5 all tags are porperly run in any browser like mozila, opera, IE8, Chrome and many more??


Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.