[e] (0) step/min/max examples.

git-svn-id: http://svn.whatwg.org/webapps@3820 340c8d12-0b0e-0410-8428-c7bf67bfef74
whatwg · Sep 13, 2009 · 907a9578852a40645fecbb2a0390057a4d85fa98 · 907a957
1 parent 52d14e3
commit 907a9578852a40645fecbb2a0390057a4d85fa98
Unified Split

Showing with 82 additions and 0 deletions.

+41 −0 index

+41 −0 source
diff --git a/index b/index

  </div>
+  
+  <div class=example>
+  
+
+  
+   <p>The following date control limits input to dates that are before
+  
+   the start of the 21st century:</p>
+  
+
+  
+   <pre>&lt;input name=bday type=date max="2000-12-31"&gt;</pre>
+  
+
+  
+  </div>
+  
+
+  
+  <div class=example>
+  
+
+  
+   <p>The following number control limits input to whole numbers
+  
+   greater than zero:</p>
+  
+
+  
+   <pre>&lt;input name=quantity required type=number min=1 value=1&gt;</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>&lt;input name=opacity type=range min=0 max=1 step=0.00392156863&gt;</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>&lt;input name=favtime type=time step=any&gt;</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>
diff --git a/source b/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>&lt;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>&lt;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>&lt;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>&lt;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>