21xrx.com
2025-06-01 19:54:31 Sunday
  

HTML <output>标签

例子

执行计算并在<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>
Markup

定义和使用

<output>标记表示计算的结果(就像脚本执行的那样).

浏览器支持

表中的数字指定完全支持元素的第一个浏览器版本.

元素
<output> 10.0 不支持 4.0 5.1 11.0

注意:<output>标签在Edge/Internet Explorer上不支持.

HTML 4.01和HTML5之间的区别

<output>标签是HTML5中的新标签.

属性

=HTML5新属性

属性属性值描述
for element_id 指定计算结果与计算中使用的元素之间的关系.
form form_id 指定<output>元素所属的一个或多个表单.
name name 指定<output>元素的名称.

全局属性

<output>标记还支持HTML中的全局属性.

事件属性

<output>标记还支持HTML中的事件属性.

默认CSS设置

大多数浏览器将使用以下默认值显示<output>元素:

output {
    display: inline;
}
  
  

评论区

21技术    www.21xrx.com 备案号:蜀ICP备17043188号-2