HTML <output> 标签
示例
执行计算并将结果显示在 <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>
尝试一下 »
定义和用法
The <output> 标签用于表示计算的结果（例如由脚本执行的计算）。
浏览器支持
表格中的数字指定完全支持该元素的第一个浏览器版本。
| 元素 | |||||
|---|---|---|---|---|---|
| <output> | 10.0 | 13.0 | 4.0 | 5.1 | 11.0 |
属性
| 属性 | 值 | 描述 |
|---|---|---|
| for | element_id | 指定计算结果与计算中使用的元素之间的关系 |
| form | form_id | 指定 output 元素所属的表单 |
| name | name | 为 output 元素指定一个名称 |
全局属性
The <output> 标签还支持 HTML 中的全局属性.
事件属性
The <output> 标签还支持 HTML 中的事件属性.
相关页面
HTML DOM 参考：Output 对象
默认 CSS 设置
大多数浏览器将使用以下默认值显示 <output> 元素
output {
display: inline;
}
