Html select、option、optgroup 标签

Html select 标签

</body>
</html>

    <!-- select外部下拉选择框、name="xxx"标识后端获取名称 -->
    <select name="xxx">
        <!-- option内部部下拉选择框包含内容、value="1"标识后端获取值、selected="selected" 默认最先选中 -->
        <option value="1" selected="selected">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>

    <!--  size="10"排列下拉框大小、multiple="multiple"可以按ctrl多选 -->
    <select name="xxx" size="10" multiple="multiple">
        <option value="1" selected="selected">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>

    <!--  size="10"排列下拉框大小、multiple="multiple"可以按ctrl多选 -->
    <select name="xxx" size="10" multiple="multiple">
        <option value="1" selected="selected">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>

    <select name="xxx" size="10" multiple="multiple">
        <!--  optgroup下拉框组标签、label="一"添加不可点击的组名称 -->
        <optgroup label="一">
        <option value="1" selected="selected">1</option>
        </optgroup>
          <optgroup label="二">
          <option value="2">2</option>
        </optgroup>
    </select>

</body>
</html>

 

效果


 

 

 

 


 

posted @ 2019-02-19 18:23  kevin.Xiang  阅读(2746)  评论(0编辑  收藏  举报