input-type-datetime-default-value.html [plain text]
<!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>