HTML <output> 标签

<output> 标签定义不同类型的输出，比如脚本的输出。

 

1. 范例

执行计算然后在 <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>

我要试一试

 

2. 浏览器支持

元素 Chrome IE Firefox Safari Opera
<output> 10.0 13.0 4.0 5.1 11.0

Firefox, Chrome, Safari 以及 Opera 支持 <output> 标签。

注释：Internet Explorer 8 以及更早的版本不支持 <output> 标签。

 

3. HTML 4.01 与 HTML 5 之间的差异

<output> 标签是 HTML 5 中的新标签。

 

4. 属性

new : HTML5 中的新属性。

属性 值 描述
for element_id 定义输出域相关的一个或多个元素。
form form_id 定义输入字段所属的一个或多个表单。
name name 定义对象的唯一名称。（表单提交时使用）

 

5. 全局属性

<output> 标签支持 HTML 中的全局属性。

 

6. 事件属性

<output> 标签支持 HTML 中的事件属性。

HTML <p> 标签：<p> 标签定义段落。p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。