datalist experiments....

datalist examples

// month type options
<input type="month" list="months" />
<datalist id="months">
  <option label="Eiji's birthday">1976-02</option>
  <option label="End of last century">2000-12</option>
  <option>2010-01</option>
  <option label="Now">2012-11</option>
</datalist>

// week options
<input type="week" list="weeks" />
<datalist id="weeks">
  <option label="First week of 2012">2012-W01</option>
  <option label="Second week of 2012">2012-W02</option>
  <option label="13th week of 2012">2012-W13</option>
  <option label="The last week of 2012">2012-W52</option>
</datalist>

// date-time (local)
<input type="datetime-local" list="datetime-locals" />
<datalist id="datetime-locals">
  <option label="Santa Visit">2012-12-24T23:59</option>
  <option label="Chrismas party">2012-12-25T18:00</option>
  <option>2012-12-30T00:00</option>
  <option label="Happy New Year">2013-01-01T00:00</option>
</datalist>

// time option
<input type="time" list="times" />
<datalist id="times">
  <option label="Midnight">00:00</option>
  <option>06:00</option>
  <option label="Noon">12:00</option>
  <option>18:00</option>
</datalist>

// date options
<input type="date" list="days" />
<datalist id="days">
  <option label="Independence Day">2013-07-04</option>
  <option label="Labor Day">2013-09-02</option>
  <option label="Columbus Day">2013-10-14</option>
</datalist>

// normal text option
<input type="text" value="" list="fruits" />
<datalist id="fruits">
  <option value="Apple"></option> 
  <option value="Orange"></option> 
  <option value="Peach"></option> 
</datalist>


// range option... cool
<input type="range" value="0" min="0" max="100" list="number" />
<datalist id="number">
  <option>10</option> 
  <option>15</option> 
  <option>30</option> 
  <option>50</option> 
  <option>90</option> 
</datalist>

// color option
<input type="color" value="#000000" list="color" />
<datalist id="color">
  <option>#ff0000</option> 
  <option>#0000ff</option> 
  <option>#00ff00</option> 
  <option>#ffff00</option> 
  <option>#00ffff</option> 
</datalist>