任務描述
本關任務:完成一組有關select控制項的概念題。
相關知識
為了完成本關任務,你需要掌握:select控制項結構及其相關屬性。
select控制項
select控制項可以建立選擇框。可為使用者提供一組選項,允許使用者從中選取,通常呈現為下拉列表的樣式。
select控制項的基本結構
下拉列表選擇區是由標籤和標籤構成,其中標籤用來建立下拉列表,標籤定義了列表中的可用選項。基本結構如下:
選項1
選項2 ...
select標籤的常用屬性
select標籤的常用屬性有:
name:規定下拉列表的名稱
size:規定列表中可見選項的數目
multiple:設定為多選
disabled:禁用該下拉列表
select標籤的新屬性
html5中引入的select新屬性有:
autofocus:規定在頁面載入時下拉列表自動獲得焦點
required:規定使用者在提交表單前必須選擇乙個下拉列表中的選項
form:定義 select 字段所屬的乙個或多個表單
option標籤的常用屬性
disabled:規定該選項在首次載入時被禁用
selected:規定該選項在首次載入時為選中狀態
value:定義送往伺服器的選項值
開始你的任務吧,祝你成功!
參***:
第2關:建立下拉列表
程式設計要求
根據提示,在右側編輯器補充**。
測試輸入:建立乙個下拉列表選擇框,將選擇框顯示行數設定為兩行,選項包括」玩遊戲」「看電影」「聽**」
預期輸出:玩遊戲看電影聽**
測試說明
補充**後,測評,平台會對你編寫的**進行測試,如果正確則完成闖關任務。
越努力越幸運,祝你成功!
參考**:
第3關:設定多選和預設選項
程式設計要求
請在右側編輯器中的begin - end區域內補充**,,建立乙個多選下拉列表,選項包括「貓」「狗」「鳥」「鴨子」,其中「貓」為預設選項。
測試說明
補充**後,測評,平台會對你編寫的**進行測試,如果正確則完成闖關任務。
越努力越幸運,祝你成功!
參考**:
jquery下拉列表
由於需要 用以前發過的摺疊選單原始碼改了一下 做成了下拉列表 感覺還不錯 留著以後使用 首頁主選單.子選單.子選單.子選單.子選單.子選單.子選單.主選單.子選單.子選單.子選單.子選單.子選單.子選單.主選單.子選單.子選單.子選單.子選單.子選單.子選單.主選單.子選單.子選單.子選單.子選單....
Bootstrap下拉列表
使用下拉列表 dropdown 外掛程式,能夠向不論什麼元件 比方導航欄 標籤頁 膠囊式導航選單 button等 加入下拉列表。假設想要單獨引用該外掛程式的功能,那麼須要引用 dropdown.js。或者能夠引入bootstrap.js或壓縮版的bootstrap.min.js。通過 data 屬性...
QTP web下拉列表
itemscount1 browser 十分路由 page 十分路由 2 frame openfunc box 2 weblist channel getroproperty items count itemscount2 browser 十分路由 page 十分路由 2 frame openfun...