HTML <output> 标签
定义和用法
<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>
属性
| 属性 | 值 | 描述 |
|---|---|---|
| for | 元素 id | 规定计算结果与计算中使用的元素之间的关系。 |
| form | 表单 id | 规定 output 元素所属的表单。 |
| name | 名称 | 规定 output 元素的名称。 |
全局属性
<output> 标签还支持 HTML 中的全局属性。
事件属性
<output> 标签还支持 HTML 中的事件属性。
默认的 CSS 设置
大多数浏览器将使用以下默认值显示 <output> 元素:
output {
display: inline;
}
浏览器支持
表中的数字注明了首个完全支持该标签的浏览器版本。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 10.0 | 13.0 | 4.0 | 5.1 | 11.0 |