Creating forms with HTML5 is a simple process, anyone who has designed a website before would know how easy forms are, with HTML5 forms will be more powerful than ever before yet still simple to put together. Also note: you will need the Opera browser (version 9+) to view this example correctly.

Basic HTML 5 layout code:


<!DOCTYPE HTML>
<html>
<body>
<form action="/examples/powerful-forms-with-html5.html">
First Name: <input type="text" name="fname" value="" /><br />
Last Name: <input type="text" name="lname" value="" /><br />
<input type="submit" value="Submit" />
</form>
<p>Click the submit button and you will return to our site.</p>
</body>
</html>

Please copy and paste the HTML5 form code above and have a play around with it so you get used to some of the new attributes (HTML5 Attributes), next week we will be adding a step by step HTML 5 form guide.

share save 256 24 Powerful forms with HTML5