optgroup
元素用于组合选项。当您使用一个长的选项列表时,对相关的选项进行组合会使处理更加容易。
<select>
<optgroup label="Group 1">
<option>Option 1.1</option>
</optgroup>
<optgroup label="Group 2">
<option>Option 2.1</option>
<option>Option 2.2</option>
</optgroup>
<optgroup label="Group 3" disabled>
<option>Option 3.1</option>
<option>Option 3.2</option>
</optgroup>
</select>
效果图:
简单的介绍这个功能,大多数的时候,我们所选择的框架开发,都会集成这种效果,可维护性也比较好,这里权当认识一下这个标签,不要遗忘了它~
output
HTML <output>
标签是HTML 5 中的新标签,表示计算或用户操作的结果,执行计算然后在 <output>
元素中显示结果。
注释:
Internet Explorer
不支持 标签。
<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
<input type="number" name="b" value="40" /> +
<input type="number" name="a" value="10" /> =
<output name="result"></output>
</form>
效果图:
details 标签
HTML <details>
元素可创建一个挂件,仅在被切换成展开状态时,它才会显示内含的信息。<summary>
元素可为该部件提供概要或者标签。
<details>
<summary>点击展开</summary>
<p>世间万物,为我所用,非我所得。</p>
</details>
效果图:
注意:
目前只有 Chrome 和 Safari 6 支持 <details>
标签。