input-type-datetime-default-value.html 3.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  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. <p>Enter Up or Down, or click the spin buttons for each input field.</p>
  5. <form>
  6. <ul>
  7. <li>Emtpy values, no steps
  8. <ul>
  9. <li>date: <input type="date" size="32" value="" />
  10. <li>datetime: <input type="datetime" size="32" value="" />
  11. <li>datetime-local: <input type="datetime-local" size="32" value="" />
  12. <li>month: <input type="month" size="32" value="" />
  13. <li>time: <input type="time" size="32" value="" />
  14. <li>week <input type="week" size="32" value="" />
  15. </ul>
  16. <li>Invalid values, no steps
  17. <ul>
  18. <li>date: <input type="date" size="32" value="foo" />
  19. <li>datetime: <input type="datetime" size="32" value="foo" />
  20. <li>datetime-local: <input type="datetime-local" size="32" value="foo" />
  21. <li>month: <input type="month" size="32" value="foo" />
  22. <li>time: <input type="time" size="32" value="foo" />
  23. <li>week <input type="week" size="32" value="foo" />
  24. </ul>
  25. <li>Emtpy values, invalid steps
  26. <ul>
  27. <li>date: <input type="date" size="32" value="" step="foo" />
  28. <li>datetime: <input type="datetime" size="32" value="" step="foo" />
  29. <li>datetime-local: <input type="datetime-local" size="32" value="" step="foo" />
  30. <li>month: <input type="month" size="32" value="" step="foo" />
  31. <li>time: <input type="time" size="32" value="" step="foo" />
  32. <li>week <input type="week" size="32" value="" step="foo" />
  33. </ul>
  34. <li>Invalid values, invalid steps
  35. <ul>
  36. <li>date: <input type="date" size="32" value="foo" step="foo" />
  37. <li>datetime: <input type="datetime" size="32" value="foo" step="foo" />
  38. <li>datetime-local: <input type="datetime-local" size="32" value="foo" step="foo" />
  39. <li>month: <input type="month" size="32" value="foo" step="foo" />
  40. <li>time: <input type="time" size="32" value="foo" step="foo" />
  41. <li>week <input type="week" size="32" value="foo" step="foo" />
  42. </ul>
  43. <li>Emtpy values, step=any
  44. <ul>s
  45. <li>date: <input type="date" size="32" value="" step="any" />
  46. <li>datetime: <input type="datetime" size="32" value="" step="any" />
  47. <li>datetime-local: <input type="datetime-local" size="32" value="" step="any" />
  48. <li>month: <input type="month" size="32" value="" step="any" />
  49. <li>time: <input type="time" size="32" value="" step="any" />
  50. <li>week <input type="week" size="32" value="" step="any" />
  51. </ul>
  52. <li>Invalid values, step=any
  53. <ul>
  54. <li>date: <input type="date" size="32" value="foo" step="any" />
  55. <li>datetime: <input type="datetime" size="32" value="foo" step="any" />
  56. <li>datetime-local: <input type="datetime-local" size="32" value="foo" step="any" />
  57. <li>month: <input type="month" size="32" value="foo" step="any" />
  58. <li>time: <input type="time" size="32" value="foo" step="any" />
  59. <li>week <input type="week" size="32" value="foo" step="any" />
  60. </ul>
  61. </ul>
  62. </form>
  63. <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>
  64. <p>Unit dates/times</p>
  65. <ul>
  66. <li>date: 1 day (local time)
  67. <li>datetime: 1 minute (UTC)
  68. <li>datetime-local: 1 minute (local time)
  69. <li>month: 1 month (local time)
  70. <li>time: 1 minute (local time)
  71. <li>week: 1 week (local time)
  72. </ul>
  73. <p>As for step=any, the values don't change by stepping-up/-down.<p>
  74. </body></html>