表單控件select標簽的使用方法

小編給大家分享一下表單控件select標簽的使用方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

表單控件select標簽是用來創(chuàng)建下拉列表的，通過<option>標簽來定義可用選項以及其他屬性來設(shè)置表單控件的選擇個數(shù)等。

select標簽

select用來創(chuàng)建下拉列表的，可用于在表單中接受用戶的輸入，其元素中的<option>標簽主要用于定義列表中的可用選項

例：通過select實現(xiàn)下拉菜單案例

 <select style="width:100px;height:30px;">
        <option>打球</option>
        <option>運動</option>
        <option>看電視</option>
    </select>

效果圖如下：

select所具有的屬性：

select在HTML5中的新增屬性有以下3種：

autofocus：指的是在頁面加載后文本區(qū)域會自動獲得焦點，注意Internet Explorer 9 以及更早的版本不支持 <select> 標簽的 autofocus 屬性。

form：表示文本區(qū)域所屬的一個或多個表單，注意Internet Explorer 不支持 form 屬性。

required：指文本區(qū)域的范圍而且這個屬性是必填的，這個屬性目前所有的主流瀏覽器都不支持

size：指下拉列表中可見選項的數(shù)目。

disabled：表示禁止使用該下拉列表。

multiple：表示可以選擇多個選項。

name：指的是下拉列表的名稱。

例：設(shè)置下拉列表的可見書目為2且可以選擇多個選項

 <select style="width:100px;height:40px;" multiple="multiple" size="2">
        <option>打球</option>
        <option>運動</option>
        <option>看電視</option>
    </select>

效果圖如下：

以上是表單控件select標簽的使用方法的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！