81 lines
3.6 KiB
HTML
81 lines
3.6 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
|
<html>
|
|
<head><title>Default values for date/time input (type= date, datetime, datetime-local, month, time, week)</title></head>
|
|
|
|
<p>Enter Up or Down, or click the spin buttons for each input field.</p>
|
|
|
|
<form>
|
|
<ul>
|
|
<li>Emtpy values, no steps
|
|
<ul>
|
|
<li>date: <input type="date" size="32" value="" />
|
|
<li>datetime: <input type="datetime" size="32" value="" />
|
|
<li>datetime-local: <input type="datetime-local" size="32" value="" />
|
|
<li>month: <input type="month" size="32" value="" />
|
|
<li>time: <input type="time" size="32" value="" />
|
|
<li>week <input type="week" size="32" value="" />
|
|
</ul>
|
|
<li>Invalid values, no steps
|
|
<ul>
|
|
<li>date: <input type="date" size="32" value="foo" />
|
|
<li>datetime: <input type="datetime" size="32" value="foo" />
|
|
<li>datetime-local: <input type="datetime-local" size="32" value="foo" />
|
|
<li>month: <input type="month" size="32" value="foo" />
|
|
<li>time: <input type="time" size="32" value="foo" />
|
|
<li>week <input type="week" size="32" value="foo" />
|
|
</ul>
|
|
<li>Emtpy values, invalid steps
|
|
<ul>
|
|
<li>date: <input type="date" size="32" value="" step="foo" />
|
|
<li>datetime: <input type="datetime" size="32" value="" step="foo" />
|
|
<li>datetime-local: <input type="datetime-local" size="32" value="" step="foo" />
|
|
<li>month: <input type="month" size="32" value="" step="foo" />
|
|
<li>time: <input type="time" size="32" value="" step="foo" />
|
|
<li>week <input type="week" size="32" value="" step="foo" />
|
|
</ul>
|
|
<li>Invalid values, invalid steps
|
|
<ul>
|
|
<li>date: <input type="date" size="32" value="foo" step="foo" />
|
|
<li>datetime: <input type="datetime" size="32" value="foo" step="foo" />
|
|
<li>datetime-local: <input type="datetime-local" size="32" value="foo" step="foo" />
|
|
<li>month: <input type="month" size="32" value="foo" step="foo" />
|
|
<li>time: <input type="time" size="32" value="foo" step="foo" />
|
|
<li>week <input type="week" size="32" value="foo" step="foo" />
|
|
</ul>
|
|
<li>Emtpy values, step=any
|
|
<ul>s
|
|
<li>date: <input type="date" size="32" value="" step="any" />
|
|
<li>datetime: <input type="datetime" size="32" value="" step="any" />
|
|
<li>datetime-local: <input type="datetime-local" size="32" value="" step="any" />
|
|
<li>month: <input type="month" size="32" value="" step="any" />
|
|
<li>time: <input type="time" size="32" value="" step="any" />
|
|
<li>week <input type="week" size="32" value="" step="any" />
|
|
</ul>
|
|
<li>Invalid values, step=any
|
|
<ul>
|
|
<li>date: <input type="date" size="32" value="foo" step="any" />
|
|
<li>datetime: <input type="datetime" size="32" value="foo" step="any" />
|
|
<li>datetime-local: <input type="datetime-local" size="32" value="foo" step="any" />
|
|
<li>month: <input type="month" size="32" value="foo" step="any" />
|
|
<li>time: <input type="time" size="32" value="foo" step="any" />
|
|
<li>week <input type="week" size="32" value="foo" step="any" />
|
|
</ul>
|
|
</ul>
|
|
</form>
|
|
|
|
<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>
|
|
|
|
<p>Unit dates/times</p>
|
|
<ul>
|
|
<li>date: 1 day (local time)
|
|
<li>datetime: 1 minute (UTC)
|
|
<li>datetime-local: 1 minute (local time)
|
|
<li>month: 1 month (local time)
|
|
<li>time: 1 minute (local time)
|
|
<li>week: 1 week (local time)
|
|
</ul>
|
|
|
|
<p>As for step=any, the values don't change by stepping-up/-down.<p>
|
|
|
|
</body></html>
|