jQuery Mobile 效果 - range 控制項

jQuery Mobile 技術文件系列 

HTML5 針對 <input> 標籤進行大幅度的擴充,而針對這些新型態的輸入控制項, jQuery Mobile 內建了專屬的樣式,開發人員直接配置即可在網頁上建立需要的控制項,例如以下這一行 <input> 標籤:

<input type="range" max=100 min=0  />

當你的網頁預先配置了 jQuery Mobile 函式庫,於行動裝置上看到的畫面會像這個樣子:


其中顯示一個數字輸入文字方塊,使用者可以操作右邊的滑桿,文字方塊根據目前滑桿的位置,顯示 0~100 之間的數字,也可以直接操作文字方塊裏的上下箭頭按鈕,調整所要輸入的數字。

jQuery Mobile 內建了大量專業的行動裝置專用的樣式,讓開發人員能夠將可貴的資源專注在應用程式的功能開發上,甚至不需要設計人員即可快速打造出專業外觀的行動 Web 應用程式。

jQuery Mobile 技術文件系列 

沒有留言: