用HTML的select+option标签实现下拉框

最新推荐文章于 2025-06-19 03:39:14 发布

weixin_30799995

最新推荐文章于 2025-06-19 03:39:14 发布

阅读量606

点赞数

CC 4.0 BY-SA版权

文章标签： php xhtml

原文链接：http://www.cnblogs.com/mys1992/p/4540771.html

本文详细介绍了HTML中的option标签，包括其基本用法、属性（如disabled、label、value、selected等），并提供了示例代码来展示如何在select元素内使用option标签创建下拉菜单。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

10.4.2 HTML option 标签

option 标签 -- select菜单中的一个选项

option标签是成对出现的,以<option>开始,以</option>结束
引用网址：http://www.dreamdu.com/xhtml/tag_option/
属性.
- common -- 公共属性
- disabled -- 输入域无法获得焦点、无法选择，以灰色显示，在表单中不起任何作用
- label -- 选择项的短标签
- value -- 选项的初始值，未设置时为option标签中的内容
- selected -- 选项预先被选择
option，中文"选项"

示例

<form action="dreamdu.php" method="post" id="dreamduform">
    你对梦之都的感觉:
    <select size="1" id="select" name="select">
        <option value="best">很全面,很好</option>
        <option value="better">一般般吧,还要努力</option>
        <option value="good">有很多问题,不过还可以</option>
    </select>

    你想在梦之都学习的编程语言:
    <select size="10" multiple="multiple" id="multipleselect" name="multipleselect[]">
        <option value="1">XHTML</option>
        <option value="2" selected="selected">CSS</option>
        <option value="3">JAVASCRIPT</option>
        <option>XML</option>
        <option value="5">PHP</option>
        <option value="6">C#</option>
        <option value="7" selected="selected">JAVA</option>
        <option value="8">C++</option>
        <option value="9">PERL</option>
    </select>
</form>