DoIt - input

<input type="color">
<input type="number" value="1" min="1" max="10" step="1">
<input type="range" value="50" min="1" max="100" step="5">
<input type="datetime" value="2016-08-21 12:13:14">
<input type="time" value="12:13:14">
<input type="date" value="2016-08-21">
<input type="month" value="2016-08">

크롬에서는 지원이 잘 되고 있으나

파이어폭스에서는 적용되지 않고 있다.