例
执行计算和显示结果在<output>元素:
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>
试一试» 定义和用法
该<output>标签代表一个计算的结果(如一个接一个脚本执行)。
浏览器支持
在表中的数字指定完全支持元件的第一个浏览器的版本。
元件 | |||||
---|---|---|---|---|---|
<output> | 10.0 | 不支持 | 4 | 5.1 | 11.0 |
HTML 4.01和HTML5之间的差异
该<output>标签是HTML5中的新。
属性
=新的HTML5。
属性 | 值 | 描述 |
---|---|---|
for | element_id | 指定计算的结果之间和元件在计算中使用的关系, |
form | form_id | 指定输出元素所属的一个或多个形式 |
name | name | 指定名称的输出元素 |
全局属性
该<output>标签支持全局的HTML属性 。
事件属性
该<output>标签支持的HTML事件属性 。
相关页面
HTML DOM参考: 输出对象
默认设置CSS
大多数浏览器会显示<output>元素与以下默认值:
output {
display: inline;
}