<option>,<optgroup>,<object>,<ol>,<output>标签文档

<option>标签

<select>
  <optgroup label="浙江省">
    <option value="杭州">杭州</option>
    <option value="绍兴">绍兴</option>
    <option value="义乌">义乌</option>
  </optgroup>
  <optgroup label="河南省">
    <option value="郑州" disabled>郑州</option>
    <option value="许昌" selected>许昌</option>
    <option value="洛阳">洛阳</option>
  </optgroup>
</select>

说明:该标签用于定义下拉列表中的一个选项,必须位于select内部。disabled属性规定此选项为禁用状态。selected属性规定此选项为选中状态,默认选中第一个。value属性规定发送到服务器的选项值,如果没有定义,会把option标签中的内容发送到服务器。

<optgroup>标签

<select>
  <optgroup label="浙江省" disabled>
    <option value="杭州">杭州</option>
    <option value="绍兴">绍兴</option>
    <option value="义乌">义乌</option>
  </optgroup>
  <optgroup label="河南省">
    <option value="郑州">郑州</option>
    <option value="许昌">许昌</option>
    <option value="洛阳">洛阳</option>
  </optgroup>
</select>

说明:该标签定义选项组,如果选项有很多,这样做很方便。label属性描述选项组标题。disabled属性禁用选项组,逻辑属性。

<object>标签

说明:该标签用于包含对象,如音频,视频,PDF,Flash等。data属性,其值为一个URL,用来定义引用对象的URL。form属性规定对象所属哪个表单(可以是多个表单),值是form表单的id。height属性定义对象的高度,单位是像素。name属性定义对象的名字,主要为脚本提供一个钩子。type属性定义data属性中引用资源的MIME类型。usemap属性定义对象映射,值为#加map元素id,同img标签的usemap使用方法相同。width属性定义对象的宽度,单位像素。

<ol>标签

  1. 语文
  2. 英语
  3. 数学
  1. 语文
  2. 英语
  3. 数学
  1. 语文
  2. 英语
  3. 数学
<ol reversed>
<li>语文</li>
<li>英语</li>
<li>数学</li>
</ol>

<ol start="3">
<li>语文</li>
<li>英语</li>
<li>数学</li>
</ol>

<ol type="A">
<li>语文</li>
<li>英语</li>
<li>数学</li>
</ol>

说明:该属性定义有序列表。reversed属性表示列表降序排列,逻辑属性。start属性规定列表的起始值,值为一个数字。type属性列表排序标记的类型,值可以是1,A,a,I,i中的一个。

<output>标签

0100 +=
<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>

说明:该标签定义不同类型的输出。name属性定义output元素的名字(提交表单使用)。for属性定义影响计算结果的标签的ID,可定义多个,空格分割。form属性用于关联form表单,值为form表单的id。

posted @ 2021-09-30 14:24  wmui  阅读(43)  评论(0编辑  收藏  举报