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"