jquery mobile - 按鈕

jquery mobile（如下簡稱 jm）中提供了一些按鈕的樣式，讓開發者使用起來更方便。

jm的按鈕可由3種形式建立，

• 使用<button>元素
• 使用<input>元素
• 使用data-role="button"的a元素

tip：jQuery Mobile 中的按鈕會自動得到樣式，這加強了他們在移動設備上的交互性和可用性。咱們推薦您使用 data-role="button" 的 <a> 元素來建立頁面之間的連接，而 <input> 或 <button> 元素用於表單提交。

默認狀況下，按鈕會佔據屏幕的所有寬度。若是您須要按鈕適應其內容，或者若是您須要兩個或多個按鈕並排顯示，data-inline="true" 將按鈕變爲行內按鈕

請將 data-role="controlgroup" 屬性與 data-type="horizontal|vertical" 一同使用，以規定水平或垂直地組合按鈕：

demo：
<div  >   ---》默認狀況下，組合按鈕是垂直分組的，彼此間沒有外邊距和空白。而且只有第一個和最後一個按鈕擁有圓角。
  <a href="#anylink" data-role="button">按鈕 1</a>
  <a href="#anylink" data-role="button">按鈕 2</a>
  <a href="#anylink" data-role="button">按鈕 3</a>
</div>
後退按鈕：用data-rel="back" 屬性（會忽略錨的 href 值）data-role="controlgroup"data-type="horizontal"

jm中還能夠給按鈕添加圖標：

data-icon="。。。" 

data-iconpos="left|top|right|bottom"  定義按鈕圖標的位置（相對於按鈕中的文字），默認靠左。當值爲notext的時候，按鈕沒有文字，只有圖標