1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 2 <html> 3 <head><title>Default values for date/time input (type= date, datetime, datetime-local, month, time, week)</title></head> 4 5 <p>Enter Up or Down, or click the spin buttons for each input field.</p> 6 7 <form> 8 <ul> 9 <li>Emtpy values, no steps 10 <ul> 11 <li>date: <input type="date" size="32" value="" /> 12 <li>datetime: <input type="datetime" size="32" value="" /> 13 <li>datetime-local: <input type="datetime-local" size="32" value="" /> 14 <li>month: <input type="month" size="32" value="" /> 15 <li>time: <input type="time" size="32" value="" /> 16 <li>week <input type="week" size="32" value="" /> 17 </ul> 18 <li>Invalid values, no steps 19 <ul> 20 <li>date: <input type="date" size="32" value="foo" /> 21 <li>datetime: <input type="datetime" size="32" value="foo" /> 22 <li>datetime-local: <input type="datetime-local" size="32" value="foo" /> 23 <li>month: <input type="month" size="32" value="foo" /> 24 <li>time: <input type="time" size="32" value="foo" /> 25 <li>week <input type="week" size="32" value="foo" /> 26 </ul> 27 <li>Emtpy values, invalid steps 28 <ul> 29 <li>date: <input type="date" size="32" value="" step="foo" /> 30 <li>datetime: <input type="datetime" size="32" value="" step="foo" /> 31 <li>datetime-local: <input type="datetime-local" size="32" value="" step="foo" /> 32 <li>month: <input type="month" size="32" value="" step="foo" /> 33 <li>time: <input type="time" size="32" value="" step="foo" /> 34 <li>week <input type="week" size="32" value="" step="foo" /> 35 </ul> 36 <li>Invalid values, invalid steps 37 <ul> 38 <li>date: <input type="date" size="32" value="foo" step="foo" /> 39 <li>datetime: <input type="datetime" size="32" value="foo" step="foo" /> 40 <li>datetime-local: <input type="datetime-local" size="32" value="foo" step="foo" /> 41 <li>month: <input type="month" size="32" value="foo" step="foo" /> 42 <li>time: <input type="time" size="32" value="foo" step="foo" /> 43 <li>week <input type="week" size="32" value="foo" step="foo" /> 44 </ul> 45 <li>Emtpy values, step=any 46 <ul>s 47 <li>date: <input type="date" size="32" value="" step="any" /> 48 <li>datetime: <input type="datetime" size="32" value="" step="any" /> 49 <li>datetime-local: <input type="datetime-local" size="32" value="" step="any" /> 50 <li>month: <input type="month" size="32" value="" step="any" /> 51 <li>time: <input type="time" size="32" value="" step="any" /> 52 <li>week <input type="week" size="32" value="" step="any" /> 53 </ul> 54 <li>Invalid values, step=any 55 <ul> 56 <li>date: <input type="date" size="32" value="foo" step="any" /> 57 <li>datetime: <input type="datetime" size="32" value="foo" step="any" /> 58 <li>datetime-local: <input type="datetime-local" size="32" value="foo" step="any" /> 59 <li>month: <input type="month" size="32" value="foo" step="any" /> 60 <li>time: <input type="time" size="32" value="foo" step="any" /> 61 <li>week <input type="week" size="32" value="foo" step="any" /> 62 </ul> 63 </ul> 64 </form> 65 66 <p>The input fields should show the current local/UTC date/time (with + or - a unit date/time described below except for step=any).</p> 67 68 <p>Unit dates/times</p> 69 <ul> 70 <li>date: 1 day (local time) 71 <li>datetime: 1 minute (UTC) 72 <li>datetime-local: 1 minute (local time) 73 <li>month: 1 month (local time) 74 <li>time: 1 minute (local time) 75 <li>week: 1 week (local time) 76 </ul> 77 78 <p>As for step=any, the values don't change by stepping-up/-down.<p> 79 80 </body></html> 81