O'Reilly logo

HTML5 Multimedia Development Cookbook by Lee Jordan, Dale Cruse

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Styling forms using HTML5 and CSS3

One of the most simple but beautiful examples of using HTML5 and CSS3 for a form the author has seen is by Canada-based FoundationSix at: http://foundationsix.com/contact. Here's how they did it.

Styling forms using HTML5 and CSS3

How to do it...

The team at FoundationSix starts with a fairly straightforward contact form markup. Note the lengthy country drop-down list was omitted from this example for the sake of space.

How it works...

<form id="contactf6" method="post" action="http://foundationsix.com/index.php" enctype="multipart/form-data" > <fieldset id="contactinfo"> <ul> <li> <label for="name">Name</label> <input id="name" name="name" type="text" ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required