HTML5 <output> 标签

实例

HTML5 <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>

尝试一下 »

浏览器支持

Firefox、Opera、Chrome 和 Safari 浏览器都支持 <output> 标签。

注意:Internet Explorer 浏览器不支持 <output> 标签。

标签定义及使用说明

<output> 标签作为计算结果输出显示(比如执行脚本的输出)。

在HTML 4.01 与 HTML5中的差异

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

属性

New：HTML5 新属性。

全局属性

<output> 标签支持全局属性，查看完整属性表 HTML全局属性。

事件属性

<output> 标签支持所有 HTML事件属性。

以上就对HTML5 <output>标签的介绍了，请通过本文介绍的<ouput>标签属性以熟悉该标签的使用！

HTML5 <optgroup> 标签

实例

HTML5 <optgroup>标签用来定义一个选项组，即，可以将文档中的选项进行组合。请参考下面的这个示例：

通过 <optgroup> 标签把相关的选项组合在一起：

<select><optgroup label="Swedish Cars"><option value="volvo">Volvo</option><option value="saab">Saab</option></optgroup><optgroup label="German Cars"><option value="mercedes">Mercedes</option><option value="audi">Audi</option></optgroup>
</select> 

尝试一下 »

浏览器支持

大多数主流浏览器支持 <optgroup>标签。

标签定义及使用说明

<optgroup> 标签经常用于把相关的选项组合在一起。

如果你有很多的选项组合, 你可以使用<optgroup> 标签能够很简单的将相关选项组合在一起。

HTML 4.01 与 HTML5中的差异

无。

属性

全局属性

<optgroup> 标签支持全局属性，查看完整属性表 HTML全局属性。

事件属性

<optgroup> 标签支持所有 HTML事件属性。

松山湖人才