溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下表單控件select標簽的使用方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
表單控件select標簽是用來創建下拉列表的，通過<option>標簽來定義可用選項以及其他屬性來設置表單控件的選擇個數等。
select標簽
select用來創建下拉列表的，可用于在表單中接受用戶的輸入，其元素中的<option>標簽主要用于定義列表中的可用選項
例：通過select實現下拉菜單案例
<select style="width:100px;height:30px;">
<option>打球</option>
<option>運動</option>
<option>看電視</option>
</select>效果圖如下：
select所具有的屬性：
select在HTML5中的新增屬性有以下3種：
autofocus：指的是在頁面加載后文本區域會自動獲得焦點，注意Internet Explorer 9 以及更早的版本不支持 <select> 標簽的 autofocus 屬性。
form：表示文本區域所屬的一個或多個表單，注意Internet Explorer 不支持 form 屬性。
required：指文本區域的范圍而且這個屬性是必填的，這個屬性目前所有的主流瀏覽器都不支持
size：指下拉列表中可見選項的數目。
disabled：表示禁止使用該下拉列表。
multiple：表示可以選擇多個選項。
name：指的是下拉列表的名稱。
例：設置下拉列表的可見書目為2且可以選擇多個選項
<select style="width:100px;height:40px;" multiple="multiple" size="2">
<option>打球</option>
<option>運動</option>
<option>看電視</option>
</select>效果圖如下：
以上是表單控件select標簽的使用方法的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
