jQuery Mobile系列之Buttons

<</CODE>a href="#" data-role="button">Anchor</</CODE>a>

<</CODE>form>

    <</CODE>button>Button</</CODE>button>

    <</CODE>input type="button" value="Input">

    <</CODE>input type="submit" value="Submit">

    <</CODE>input type="reset" value="Reset">

</</CODE>form>

默認一個button佔一行，data-role = "button"

一行多個button，data-inline = "true"

主題：data-theme = "*"

緊縮：data-mini = "true"

圖標：data-icon = "***"

圖標位置：data-iconpos = "***"

組按鈕：data-role = "controlgroup" data-type = "horizontal"，默認垂直

<</CODE>div data-role="controlgroup" data-type="horizontal">

    <</CODE>a href="#" data-role="button">Yes</</CODE>a>

    <</CODE>a href="#" data-role="button">No</</CODE>a>

    <</CODE>a href="#" data-role="button">Maybe</</CODE>a>

</</CODE>div>

邊角、陰影：data-corners = "false"，data_shadow = "false"，data-iconshadow = "false"

不可用：表單元素和Button用disable屬性，鏈接用class = "ui-disabled"