| Torne (Richard Coles) | 5c87bf8 | 2012-11-14 11:46:17 +0000 | [diff] [blame] | 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> |