HTML5 form elements

You probably remember the times when we turned to JavaScript libraries to implement a horizontal or vertical range bars. How about implementing a widget for the user to input the time, colors, or even email addresses? We've always turned to old faithful JavaScript, but not any more.

With HTML5, we gain semantic elements, such as the following input element examples:

• A form input element for specifying a range:

  <input type="range" min="0" max="100" value="50" />

  

• A form input element for specifying the time:

  <input type="time" />

  

• A form input element for specifying a color:

  <input type="color" />