执行计算并在 <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 |
属性 | 值 | 描述 |
---|---|---|
for | element_id | 指定计算结果与计算中使用的元素之间的关系 |
form | form_id | 指定输出元素属于哪个表单 |
name | name | 指定输出元素的名称 |
<output>
标签支持 HTML 中的全局属性。
<output>
标签支持 HTML 中的事件属性。
大多数浏览器将显示具有以下默认值的 <output>
元素:
output {
display: inline;
}