<output>～</output>でフォームの計算結果の出力欄を表すこと ができます。

下の例ではフォームタグにoninput属性（入力フォームの値が変更された際に実行する）を指定し数値入力欄の名前aとvalueAsNumber (数値の入力値) が 関連付けられており同様に、数値入力欄の名前bとvalueAsNumber (数値の入力値) が 関連付けられ双方の合計値がoutputタグによって「結果」の文字の場所に出力されます。

入力欄の三角マークを押すことで数値の増減ができます。 マイナスの値も表示、計算可能になります。

【ブラウザ表示】

<form oninput="keisan.value = a.valueAsNumber + b.valueAsNumber">
<input type="number" name="a" value="0"> ＋
<input type="number" name="b" value="0"> ＝
<output name="keisan">結果</output>
</form>

■ その他の項目

HTML5のタグ一覧

HTMLタグ一覧

CSS一覧