碼上快樂
1秒登錄
首頁
榜單
標簽
關於
搜索
相關內容
簡體
繁體
HTML
標簽 創建單選或多選菜單 本文轉載自 查看原文 2016-08-27 17:56 4914 HTML/CSS 所有主流瀏覽器都支持 <select> 標簽。 select 元素可創建單選或多選菜單。 <select&> 元素中的 <option> 標簽用於定義列表中的可用選項。 提示：select 元素是一種表單控件，可用於在表單中接受用戶輸入。 屬性 New: HTML5 中的新屬性。 屬性 值 描述 autofocus（5） autofocus 規定在頁面加載后文本區域自動獲得焦點。 disabled disabled 規定禁用該下拉列表。 form（5） form_id 規定文本區域所屬的一個或多個表單。 multiple multiple 規定可選擇多個選項。 name name 規定下拉列表的名稱。 required（5） required 規定文本區域是必填的。 size number 規定下拉列表中可見選項的數目。 本例演示如何在HTML頁面中創建簡單的下拉列表框。下拉列表框是一個可選列表。 <html> <body> <form> <select name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat">Fiat</option> <option value="audi">Audi</option> </select> </form> </body> </html> 本例演示如何創建一個簡單的帶有預選值的下拉列表。（譯者注：預選值指預先指定的首選項。） <html> <body> <form> <select name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat" selected="selected">Fiat</option> <option value="audi">Audi</option> </select> </form> </body> </html> 附：Select 對象 Select 對象代表 HTML 表單中的一個下拉列表。 在 HTML 表單中，<select> 標簽每出現一次，一個 Select 對象就會被創建。 您可通過遍歷表單的 elements[] 數組來訪問某個 Select 對象，或者使用 document.getElementById()。 Select 對象集合 集合 描述 options[] 返回包含下拉列表中的所有選項的一個數組。 Select 對象屬性 屬性 描述 disabled 設置或返回是否應禁用下拉列表。 form 返回對包含下拉列表的表單的引用。 id 設置或返回下拉列表的 id。 length 返回下拉列表中的選項數目。 multiple 設置或返回是否選擇多個項目。 name 設置或返回下拉列表的名稱。 selectedIndex 設置或返回下拉列表中被選項目的索引號。 size 設置或返回下拉列表中的可見行數。 tabIndex 設置或返回下拉列表的 tab 鍵控制次序。 type 返回下拉列表的表單類型。 標准屬性 屬性 描述 className 設置或返回元素的 class 屬性。 dir 設置或返回文本的方向。 lang 設置或返回元素的語言代碼。 title 設置或返回元素的 title 屬性。 Select 對象方法 方法 描述 add() 向下拉列表添加一個選項。 blur() 從下拉列表移開焦點。 focus() 在下拉列表上設置焦點。 remove() 從下拉列表中刪除一個選項。 Select 對象事件句柄 事件句柄 描述 onchange 當改變選擇時調用的事件句柄。 × 免責聲明！ 本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。 猜您在找 html select與option標簽 利用bootstrap-select.min.js實現bootstrap下拉列表的單選和多選 select option 下拉多選單選bootstrap插件使用總結2 Vue的單選/多選效果 mui單選和多選框 WPF 創建通知欄圖標和菜單選項 前后台交互實例一：前台提交輸入框、單選框、多選框。下拉菜單、文件 基於VUE和elementUI的多選、全選以及單選 獲取多選下拉框（select標簽設置multiple屬性）的值 select2多選 粵ICP備18138465號 © 2018-2025 CODEPRJ.COM
