Permalink
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Browse files
[e] (0) step/min/max examples.
- Loading branch information
Showing
with
82 additions
and
0 deletions.
-
+41
−0
index
-
+41
−0
source
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
<div class=example> |
|
|
|
|
|
<p>The following date control limits input to dates that are before |
|
|
the start of the 21st century:</p> |
|
|
|
|
|
<pre><input name=bday type=date max="2000-12-31"></pre> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class=example> |
|
|
|
|
|
<p>The following number control limits input to whole numbers |
|
|
greater than zero:</p> |
|
|
|
|
|
<pre><input name=quantity required type=number min=1 value=1></pre> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<h6 id=the-step-attribute><span class=secno>4.10.4.2.10 </span>The <code title=attr-input-step><a href=#attr-input-step>step</a></code> attribute</h6> |
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
<div class=example> |
|
|
|
|
|
<p>The following range control only accepts values in the range |
|
|
0..1, and allows 256 steps in that range:</p> |
|
|
|
|
|
<pre><input name=opacity type=range min=0 max=1 step=0.00392156863></pre> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class=example> |
|
|
|
|
|
<p>The following control allows any time in the day to be selected, |
|
|
with any accuracy (e.g. thousandth-of-a-second accuracy or |
|
|
more):</p> |
|
|
|
|
|
<pre><input name=favtime type=time step=any></pre> |
|
|
|
|
|
<p>Normally, time controls are limited to an accuracy of one |
|
|
minute.</p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<h6 id=the-placeholder-attribute><span class=secno>4.10.4.2.11 </span>The <code title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code> attribute</h6> |
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="example"> |
|
|
|
|
|
<p>The following date control limits input to dates that are before |
|
|
the start of the 21st century:</p> |
|
|
|
|
|
<pre><input name=bday type=date max="2000-12-31"></pre> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="example"> |
|
|
|
|
|
<p>The following number control limits input to whole numbers |
|
|
greater than zero:</p> |
|
|
|
|
|
<pre><input name=quantity required type=number min=1 value=1></pre> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<h6>The <code title="attr-input-step">step</code> attribute</h6> |
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="example"> |
|
|
|
|
|
<p>The following range control only accepts values in the range |
|
|
0..1, and allows 256 steps in that range:</p> |
|
|
|
|
|
<pre><input name=opacity type=range min=0 max=1 step=0.00392156863></pre> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="example"> |
|
|
|
|
|
<p>The following control allows any time in the day to be selected, |
|
|
with any accuracy (e.g. thousandth-of-a-second accuracy or |
|
|
more):</p> |
|
|
|
|
|
<pre><input name=favtime type=time step=any></pre> |
|
|
|
|
|
<p>Normally, time controls are limited to an accuracy of one |
|
|
minute.</p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<h6>The <code title="attr-input-placeholder">placeholder</code> attribute</h6> |