码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-05-30 19:41:42      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:

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 标签示例 -- 可以尝试编辑

说明

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

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

标签:

原文地址:http://www.cnblogs.com/mys1992/p/4540771.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!