Input Types

HTML5 introduces a new set of input types to lighten the load for developers. These input types collect things like the date with a calendar, and the color from a color pallet selection. Unfortunately, not all browsers support all types of HTML5 inputs but we can display them below and if the browser you are using supports the input type will have additional functionality on focus.

<input type="range">

min value is our starting range, the max value is the end of the range, the value is the position inside.

<input type="date">

An interactive yearly calendar based off the languages default browser, otherwise a plain input.

<input type="color">

A color selector picker, otherwise a plain text input.