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