HTML5 ＜output＞ 标签、HTML5 ＜optgroup＞ 标签

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 新属性。

属性	值	描述
forNew	element_id	描述计算中使用的元素与计算结果之间的关系。
formNew	form_id	定义输入字段所属的一个或多个表单。
nameNew	name	定义对象的唯一名称（表单提交时使用）。

全局属性

<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中的差异

无。

---

属性

属性	值	描述
disabled	disabled	规定禁用该选项组。
label	text	为选项组规定描述。

---

全局属性

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

---

事件属性

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