jQuery Mobile 中創建按鈕
可通過三種方法創建：
1.使用<button> 元素
2.使用<input>元素
3.使用 data-role=”button” 的<a> 元素
★推薦使用 data-role=”button” 的 <a> 元素來創建頁面之間的鏈接，而<input>或 <button>元素用於表單提交。
按鈕的基本屬性
1.默認情況下，按鈕會佔據屏幕的全部寬度。若需要按鈕適應其內容，或者需要兩個或多個按鈕並排顯示時，添加
data-inline="true"
eg:
<a href="#" data-inline="true" data-role="button">a標籤 按鈕</a>
<a href="#" data-inline="true" data-role="button">a標籤 按鈕</a>
<a href="#" data-inline="true" data-role="button">a標籤 按鈕</a>
2.規定按鈕是否有陰影
data-shadow="false|true"規定是否有圓角
data-corners="false|true"3.按鈕的主題顏色
data-theme="letter(a-z)"
eg:
<div data-role="header" data-theme="b">
<h1>第 1 頁</h1>
</div>
4.創建後腿按鈕，使用data-rel="back"屬性，該屬性會忽略錨的href值。如下例，雖然寫的鏈接到百度，但實際上點按鈕時，則是返回上一頁。
eg:
<a href="http://www.baidu.com" data-rel="back" data-role="button">返回5.將 data-role=”controlgroup” 屬性與 data-type=”horizontal|vertical” 一同使用
<div data-role="controlgroup" data-type="horizontal">
3 <a href="#" data-role="button" data-theme="a">首頁</a>
4 <a href="#" data-role="button" data-theme="b">介紹</a>
5 <a href="#" data-role="button" data-theme="c">聯繫</a>
6 </div>
jQuery Mobile 中創建圖標
1.常見的可用圖標：data-icon屬性
<a href="#" data-inline="true" data-role="button" data-icon="arrow-u">上</a>
<a href="#" data-inline="true" data-role="button" data-icon="arrow-d">下</a>
<a href="#" data-inline="true" data-role="button" data-icon="arrow-l">左</a>
<a href="#" data-inline="true" data-role="button" data-icon="arrow-r">右</a>
2.定位圖標: 請使用 data-iconpos 屬性來規定位置
eg:
<a href="#" data-inline="true" data-role="button" data-icon="arrow-u" data-iconpos="top">上</a>
<a href="#" data-inline="true" data-role="button" data-icon="arrow-d" data-iconpos="bottom">下</a>
<a href="#" data-inline="true" data-role="button" data-icon="arrow-l" data-iconpos="left">左</a>
<a href="#" data-inline="true" data-role="button" data-icon="arrow-r" data-iconpos="right">右</a>
3.如果只需顯示圖標，請將 data-iconpos 設置爲 “notext”
<a href="#" data-inline="true" data-role="button" data-icon="search" data-iconpos="notext">搜索</a>
<a href="#" data-inline="true" data-role="button" data-icon="home" data-iconpos="notext">主頁</a>
<a href="#" data-inline="true" data-role="button" data-icon="info" data-iconpos="notext">消息</a>