フォーム

[4] 現在値

内容が現在値です。 WF2 2.13

[6] 現在値は、 value DOM属性により読み書きできます。 WF2 2.13

[7] 初期値

初期値は、 defaultValue DOM属性の値です。 WF2 2.13

[8] 成功

output 要素が成功することはありません。 WF2 2.13

[9] 再設定

フォームを再設定すると、 output 要素も、 defaultValue DOM属性を用いて再設定されます。 WF2 2.13

関連

[49] WF2 2.13

• output を使うべきなのは次の場合です。
  • 利用者が直接値をいじることがない場合。
  • 値が他の値から得られる場合 (例えば合計)。
  • 値が他の場所で編集できるものと同じ場合 (例えばサイトの設定頁で変更できる FAX番号の場合)。
• readonly を使うべきなのは、 利用者が変更するべきではないが、 鯖に提出する必要がある (例えばデータベースの記録編集時の識別子の) フォーム制御子です。
• disabled を使うべきなのは、 利用者が変更することができず、 提出もしないフォーム制御子です。

例

[10] WF2 2.13

<form>
 <p>
  <input name="a" type="number" step="any" value="0"> *
  <input name="b" type="number" step="any" value="0"> =
  <output name="result" onforminput="value = a.value * b.value">0</output>
 </p>
</form>

レンダリング例

+--------+-+   +--------+-+
|      0 |:| * |      0 |:| = 0
+--------+-+   +--------+-+

利用者がいずれかの入力欄の数を変更すると、 2つの数の積が EQUAL SIGN の右側の output 要素内に現れます。

メモ