ManualTests/input-type-datetime-default-value.html

   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>