jQuery Mobile Form Select 小參考教學 | Malaysia Web Design

jQuery Mobile Form Select 小參考教學

前文我們簡介了jQuery Mobile Form表單的種種宏觀作用,亦簡介了如 Text, Textarea, Radio Buttons, Checkboxes 等常用的jQuery Mobile Form Input,對於手機應用程式apps編寫員也很易便能上手,今文我們特別談談另一很常用的 jQuery Mobile Form Select 選單 (Menu)。

像其它jQuery Mobile Form Input elements一樣,Form表單中可以包含fieldset用作區隔及css外觀上的優化,而選單 (Menu)顧名思義就可以包含多個選項option,與傳統的html form類同,選項option中的值也是以value來定義。

特別一提,因為選項option可以非常之多,那會造成使用者從一眾無數選項中去查找,這會讓用家或甚至手機應用程式apps編寫員也十分混亂,所以選單 (Menu)可以使用optgroup來把選項option分類,例如同是生果的可以一類,同是動物的可以是另一類。

iphone和Android都有jQuery Mobile Form Select原設(default)的顯示樣式,手機應用程式apps編寫員可藉著data-native-menu="false"來自定兩邊一致的顯示樣式。


Contact Us