码农教程 - 一技在手,衣食无忧! tools

HTML <output> 标签

❮上一节 完整的 HTML参考 下一节❯

示例

执行计算并在 <output> 元素中显示结果：

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">
  <input type="range" id="a" value="50">
  +<input type="number" id="b" value="25">
  =<output name="x" for="a b"></output>
</form>
亲自试一试 »

定义和用法

这个<output>标签用于表示计算结果（如脚本执行的结果）。

浏览器支持

表中的数字指定完全支持该元素的第一个浏览器版本。

Element
<output> 10.0 13.0  4.0 5.1 11.0

属性

Attribute Value Description
for element_id Specifies the relationship between the result of the calculation, and the elements used in the calculation
form form_id Specifies which form the output element belongs to
name name Specifies a name for the output element

全局属性

这个<output>标签还支持HTML 中的全局属性。

事件属性

这个<output>标签还支持HTML 中的事件属性。

相关页面

HTML DOM 参考：输出对象

默认 CSS 设置

大多数浏览器都会显示<output>具有以下默认值的元素：

output {
  display: inline;
}


❮上一节 完整的 HTML参考 下一节❯