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

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>

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

• HTML option 标签示例

说明

注意例子中的multipleselect[]与XML，可在上面例子尝试修改

转载于:https://www.cnblogs.com/mys1992/p/4540771.html