<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="4" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[4]</anchor-end>
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML</anchor> の <code class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">input</anchor></code>
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">要素</anchor>の <code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">type</anchor></code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">属性</anchor>を
<dfn xml:lang="en"><code class="HTML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">number</anchor></code></dfn> とすると、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">数値</anchor>を指定する<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">フォーム制御子</anchor>となります。</p><ed xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:"><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="1" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[1]</anchor-end> 本稿は新しい <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML5</anchor> の規定をまだ反映していません。</ed><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="5" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[5]</anchor-end> 仕様書:<ul><li><del><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Web Forms 2.0</anchor></del> (廃止)<ul><li><csection xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">2.4. Extensions to the <code xmlns="http://www.w3.org/1999/xhtml" class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">input</anchor></code> element</csection>
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="WF2:&quot;#extensions&quot;" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW">IW:WF2:&quot;#extensions&quot;</anchor-external></li></ul></li><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML5</anchor></li></ul></p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form><section><section><h1>値の構文</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="6" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[6]</anchor-end>
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">フォーム提出</anchor>時に用いられる値は、
次のような構文とし<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><strong xmlns="http://www.w3.org/1999/xhtml">なければなりません</strong></anchor>。<ul><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">仮数部</anchor><ul><li><code class="HTML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">-</anchor></code> (省略可能)</li><li>1つの<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">整数</anchor></li><li>省略可能:<ul><li><code class="HTML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">.</anchor></code></li><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">小数部</anchor>: 1つの<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">整数</anchor></li></ul></li></ul></li><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">指数部</anchor> (省略可能、既定値は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">零</anchor>)<ul><li><code class="HTML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">e</anchor></code></li><li><code class="HTML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">-</anchor></code> (省略可能)</li><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">10</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">冪乗</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">指数</anchor>: 1つの<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">整数</anchor></li></ul></li></ul></p><p>ここで、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">整数</anchor>は1桁以上の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">十進数字</anchor>です。</p><p>これが表す実際の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">数値</anchor>は、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">仮数</anchor>に<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">10</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">指数</anchor><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">乗</anchor>を掛けたものとなります。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">WF2 2.4</src></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="17" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[17]</anchor-end>
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">利用者エージェント</anchor>は <anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="6" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;6</anchor-internal> に適合しない値を<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">提出</anchor><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><strong xmlns="http://www.w3.org/1999/xhtml">してはなりません</strong></anchor>。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">WF2 2.4</src></p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>値の例</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="7" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[7]</anchor-end> <code class="HTML example">-1.4142135623730950488016887242097e0</code></p><p>これは、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">2</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">負</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">平方根</anchor> (<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">有効数字</anchor>32<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">桁</anchor>)
です。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">WF2 2.4</src></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="2" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[2]</anchor-end> <code class="HTML example">3.17e4</code></p><p>これは、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">地球</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">半径</anchor>を<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ハロン</anchor><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">単位</anchor>で表したおおよその値です。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">WF2 2.4</src></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="3" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[3]</anchor-end> <code class="HTML example">42</code>,
<code class="HTML example">0042.000</code>,
<code class="HTML example">42e0</code>,
<code class="HTML example">4.2e1</code>,
<code class="HTML example">420e-1</code></p><p>これらは、いずれも<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">生命、宇宙、そして万物についての答え</anchor>です。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">WF2 2.4</src></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="14" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[14]</anchor-end>
<strong>誤った例</strong>:
<code class="HTML example invalid code">+0</code>,
<code class="HTML example invalid code">0e+0</code>,
<code class="HTML example invalid code">+1e+3</code></p><p><code class="charname" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">PLUS SIGN</anchor></code> を用いることは認められていません。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">WF2 2.4</src></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="16" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[16]</anchor-end>
<strong>誤った例</strong>:
<code class="HTML example invalid code">.42e2</code></p><p><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">零</anchor>を省略することは認められていません。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">WF2 2.4</src></p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>属性との関係</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="8" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[8]</anchor-end>
<code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">step</anchor></code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">属性</anchor>は精度を表します。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">既定値</anchor>は <code class="HTML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">1</anchor></code> です。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">WF2 2.4</src></p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>レンダリング</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="9" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[9]</anchor-end>
<anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="6" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;6</anchor-internal> の書式は、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">提出</anchor>のためのもので、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">利用者</anchor>が読み書きすることは想定していません。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">利用者エージェント</anchor>は適切な書式や <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">widget</anchor>
を使用<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><strong xmlns="http://www.w3.org/1999/xhtml">して構いません</strong></anchor>。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">WF2 2.4</src></p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>互換性</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="13" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[13]</anchor-end> <strong>未対応利用者エージェントとの互換性</strong></p><p><code class="HTML" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">month</anchor></code> に対応していない<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">利用者エージェント</anchor>は、
<code class="HTML" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">text</anchor></code> (単一行<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">文章入力制御子</anchor>)
として扱います。従って、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">利用者</anchor>は任意の文字列を入力することができます。</p><p>ですから、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">著者</anchor>は、対応している<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">利用者エージェント</anchor>が一般的になるまでの間、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">フォーム制御子</anchor>の近くで記入方法を説明しておくのがよいでしょう。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">フォーム処理エージェント</anchor>は記入された値が適当か検査するべきです
(これは<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">安全性</anchor>の観点からも重要です)。</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>歴史</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="10" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[10]</anchor-end>
この <code class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">input</anchor></code> <code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">type</anchor></code>
は <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Web Forms 2.0</anchor> で導入されました。</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>実装</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="11" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[11]</anchor-end>
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Opera 9</anchor> が実装しています。</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>関連</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="12" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[12]</anchor-end>
似た <code class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">input</anchor></code> <code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">type</anchor></code>
として、 <code class="HTML" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">range</anchor></code> があります。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="15" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[15]</anchor-end>
<anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="6" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;6</anchor-internal> の書式は、 <code class="C" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">scanf</anchor> (3)</code>
の <code class="C" xml:lang="en">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">f</anchor></code>、 <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ECMAScript</anchor> の
<code class="JS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">parseFloat</anchor></code>、
その他同様の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">浮動小数点</anchor>の書式と互換になるように設計されています。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">WF2 2.4</src></p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>メモ</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="17" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[17]</anchor-end>
<code class="HTML" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">number</anchor></code> は、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">電話番号</anchor>や<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">クレジット・カード</anchor>の番号には<em>不適切</em>です。
<code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">type</anchor></code> <code class="HTML" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">text</anchor></code> と適切な
<code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">pattern</anchor></code> を使用するべきです。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">WF2 2.4</src></p><comment-p xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">なぜなら、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">電話番号</anchor> <code xmlns="http://www.w3.org/1999/xhtml" class="example">65000</code>
は <code xmlns="http://www.w3.org/1999/xhtml" class="example">65e3</code> や <code xmlns="http://www.w3.org/1999/xhtml" class="example">6.5e4</code>
などとは<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">等価</anchor>でないからです。</comment-p></section></section></body></html>