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>
标签。
基本支持—
|
进一步阅读
请参阅以下教程: HTML 表单.
相关标签: <progress>
.
Advertisements