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>

 

效果

---

 

1 2 3

 

1 2 3

 

1 2 3

 

1 　　 　　 2