<select> <option><optgroup>标签--表单标签

1.select 元素可创建单选或多选菜单。

   <select> 元素中的<option>标签用于定义列表中的可用选项。

2.<select> 属性

  disabled="disabled"  规定禁用该下拉列表

  name   规定下拉列表的名称

  size      规定下拉列表中可见选项的数目（显示几行），默认1行

3.option 元素定义下拉列表中的一个选项（一个条目）。

   浏览器将 <option> 标签中的内容作为 <select> 标签的菜单或是滚动列表中的一个元素显示。

   option 元素位于 select 元素内部。

4.<option>属性

　disabled="disabled"  规定禁用某一个列表项

    selected="selected"  规定选项（在首次显示在列表中时）表现为选中状态

   value 定义送往服务器的选项值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>table--表单</title>
</head>
<body>
    <form  method="post" enctype="multipart/form-data" >
        <select>
            <option value="1">广州</option>
            <option value="2">北京</option>
            <option value="3">上海</option>
            <option value="4">深圳</option>
        </select>
        <select size="3">
            <option value="1">广州</option>
            <option value="2">北京</option>
            <option value="3">上海</option>
            <option value="4">深圳</option>
        </select>
        <select  disabled="disabled">
            <option value="1">广州</option>
            <option value="2">北京</option>
            <option value="3">上海</option>
            <option value="4">深圳</option>
        </select>
        <select>
            <option value="1" disabled="disabled">广州</option>
            <option value="2">北京</option>
            <option value="3" selected="selected">上海</option>
            <option value="4">深圳</option>
        </select>
    </form>
</body>
</html>
select--option

5.<optgroup>标签定义选项组。optgroup 元素用于组合选项。当您使用一个长的选项列表时，对相关的选项进行组合会使处理更加容易。

6.<optgroup>属性

   disabled="disabled"  规定禁用某一个列表项

   label    定义分组名称

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>optgroup--表单</title>
</head>
<body>
    <form  method="post" enctype="multipart/form-data" >
        <select>
            <optgroup label="水果">
                <option value="苹果">苹果</option>
                <option value="西瓜">西瓜</option>
            </optgroup>
            <optgroup label="蔬菜">
                <option value="白菜">白菜</option>
                <option value="茄子">茄子</option>
            </optgroup>
            <optgroup label="豆类" disabled="disabled">
                <option value="黄豆">黄豆</option>
                <option value="黑豆">黑豆</option>
            </optgroup>

        </select>
    </form>
</body>
</html>
optgroup

 

posted @ 2019-07-07 14:11  C_XingM  阅读(613)  评论(0)    收藏  举报