您的位置:寻梦网首页编程乐园HTML园地HTML实用教程
HTML实用教程
作者:佚名 来源:梦之都(www.dreamdu.com)

10.3.1 HTML option 标签

option 标签 -- 代表选择列表的一个选择项
  • option标签是成对出现的,以<option>开始,以</option>结束
  • 属性:
    • Common -- 一般属性
    • label -- 说明选择项
    • value -- 说明选择项的值
    • selected -- 此选择项已经被选择
    • disabled -- 输入框无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用
    • tabindex -- 使用"tab"键的遍历顺序

示例

<form action="dreamdu.php" method="post" id="dreamduform">
    <fieldset>
        <legend>你对梦之都的感觉:</legend>
        <label for="select">你对梦之都的感觉</label>
        <select size="1" id="select" name="select">
            <option>很全面,很好</option>
            <option selected="selected">一般般吧,还要努力</option>
            <option>有很多问题,不过还可以</option>
        </select>
    </fieldset>
    <fieldset>
        <legend>你在梦之都想学习的编程语言:</legend>
        <label for="multipleselect">你在梦之都想学习的编程语言</label>
        <select size="10" multiple="multiple" id="multipleselect" name="multipleselect">
            <option selected="selected">XHTML</option>
            <option>CSS</option>
            <option>JAVASCRIPT</option>
            <option>XML</option>
            <option selected="selected">PHP</option>
            <option>C#</option>
            <option>JAVA</option>
            <option>C++</option>
            <option>PERL</option>
        </select>
    </fieldset>
</form>

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

HTML视频教程