JQuery Mobile 表單標籤設定-Day 10

網頁設計 jquery mobile

ramya 2013-09-28 19:07:45 ‧ 2926 瀏覽

行動網站上表單元件的用法基本上和HTML的表單元件沒有太大差異，
而在標籤上可以依據行動裝置可以去做一些設定。
在行動網頁裝置可以去做水平和群組化的設定。
●<label>標籤：每一個元件都應該設定一組<label>標籤
→如果要隱藏標籤的話，則在標籤內加上class="ui-hidden-accessible"。
※顯示結果如下圖。
※隱藏標籤文字顯示結果

●設定依據行動裝置大小由垂直自動變水平。
※結果如下圖

●Radio&CheckBox：再使用上通常會是形成一組別做選擇，設定方法。
→使用<fieldset>標籤，在標籤內設定data-role=”controlgroup”。
→在<fieldset>內在使用<legend>可以為群組化選項設定提示文字。
→在<fieldset>標籤內設定data-type=”horizontal”可做水平的排列。
※設定完顯示結果

※設定完水平排列顯示結果