HTML 标签

HTML5 <output> 标签

主题:HTML5 标签参考上一页|下一页

说明

<output> 元素表示计算的结果。 通常,此元素定义了一个区域,该区域将用于显示某些计算的文本输出,该计算通常由客户端脚本(通常是 JavaScript)执行。

下表总结了此标签的使用上下文和版本历史。

Placement: Inline
Content: 内嵌和文本
开始/结束标签: 开始标签: required, 结束标签:required
版本: New in HTML5

语法

<output> 标签的基本语法如下:

HTML / XHTML: <output> ... </output>

下面的示例显示了 <output> 标签的作用。

<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
    <input type="range" id="a" value="50"> +
    <input type="number" id="b" value="100"> =
    <output name="result" for="a b"></output>
</form>

标签特定属性

下表显示了特定于 <output> 标签的属性。

属性 说明
for element-id 表示计算结果与为本计算贡献输入值的元素之间的关系。 该属性的值可以是其他元素的ID列表。
form form-id 指定与此元素关联的表单元素。
name name 指定元素的名称。

全局属性

与所有其他 HTML 标签一样, <output> 标签支持 HTML5 中的全局属性


事件属性

<output> 标签还支持 HTML5 中的事件属性


浏览器兼容性

所有主要的现代浏览器都支持 <output> 标签。

Browsers Icon

基本支持—

  • Firefox 4+
  • Google Chrome 10+
  • Internet Explorer ×
  • Apple Safari 5.1+
  • Opera 11+

进一步阅读

请参阅以下教程: HTML 表单.

相关标签: <progress>.

Advertisements