HTML <output> 顯示表單計算或操作結果

<output> 是表單 (form) 元素之一，用來顯示計算或使用者操作的結果。

<output> 標籤有下列這些屬性 (attributes)：

  • for: 指定此 output 的結果內容是跟哪些欄位的值有關聯，for 中是關聯欄位的 id，如果有多個關聯欄位則用空白分隔開 (space-separated)
  • form: 跟此 output 關聯的 <form> 元素的 id，預設值是此 output 欄位的父層 form 元素
  • name: 此 output 表單欄位的名稱

使用範例：

<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
  <input type="range" id="b" name="b" value="50" /> +
  <input type="number" id="a" name="a" value="10" /> =
  <output name="result" for="a b">60</output>
</form>

顯示結果：

+ =60