How to Create Cross-Browser HTML5 Forms

Posted: March 11, 2011 in Design, Form
Tags: , , ,

HTML5 introduces you the very latest technics of building forms. Now you no need to stuck with complicated validations and may lengthy fileds to create a form, because HTML5 gives you many new tools to make your form very simple and fetured.

HTML5 introduces many new input types like:

  • Email : <input type="email">
  • Web URL : <input type="url">
  • Number : <input type="number" min="0" max="10" step="2" value="6">
  • Range Slider : <input type="range" min="0" max="10" step="2" value="6">
  • Date Picker : <input type="date">
    <input type="month">
    <input type="week">
    <input type="time">
    <input type="datetime">
    <input type="datetime-local">

  • Search : <input type="search">
  • Color Picker : <input type="color">
  • Form Validations
  • Required Fileds : <input type="email" required>

Take a look at this example…

Demo | Download | View Tutorial

Resource : net.tutsplus.com

How to Create Cross-Browser HTML5 Forms

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s