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