建立下拉列表

2021-10-11 09:08:57 字數 1519 閱讀 4768

任務描述

本關任務:完成一組有關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...