10.4. HTML select 标签 -- 列表选择

10.4.1. HTML选择列表select视频教程
10.4.2. HTML option 标签
10.4.3. HTML optgroup 标签
10.4.4. HTML表单分组与label标签视频教程
select 标签 -- 单选或多选菜单
  • select标签是成对出现的,以<select>开始,以</select>结束
  • 此标签中的每对option标签代表一个选择项
  • 引用网址:http://www.dreamdu.com/xhtml/tag_select/
  • 属性.
    • common -- 公共属性
    • disabled -- 输入域无法获得焦点、无法选择,以灰色显示,在表单中不起任何作用
    • multiple -- 设置后菜单可多选,否则只能单选
    • name -- 元素名称
    • size -- 菜单的可见行数
    • tabindex -- 输入域的"tab"键遍历顺序
  • select,中文"选择"

说明

select标签创建了一个菜单。菜单里的选项通过option标签指定。一个select元素内部,必须包含一个option元素

当设置multiple属性后,菜单可多选,否则只能单选

多选菜单,可按住"Ctrl"键,同时点击选择项进行多选,或者按住"Shift"进行连续多选

示例

<form id="dreamduform" action="dreamdu.php" method="post">
    你对梦之都的感觉:
    <select size="1" id="select" name="select">
        <option>很全面,很好</option>
    </select>

    你想在梦之都学习的编程语言:
    <select size="10" multiple="multiple" id="multipleselect" name="multipleselect[]">
        <option>XHTML</option>
    </select>
</form>

HTML select 标签示例 -- 可以尝试编辑



  • 教程中有什么不懂的地方?发现教程的错误!对教程有什么建议!快快联系猴子呀dreamdu@163.com,:)
赞助梦之都