jquery mobile--button

Create button

<div data-role="page"> <div data-role="Header"> "Main" class="ui-content"> <a data-role="Button"> Buttons </a> <button> buttons </button> <input value="Button"Type="Button"> </div> <div data-role="Footer"> 
,<button> is the default block element in jquery Mobile (date-role= "button" also)
Inline button
<a data-role="button" data-inline="true"> button </a ><a data-role="button" data-inline="true"> button </a>
Combo button
Level
<div data-role="Main" class="ui-content"> <div data-role="Controlgroup"Data-type="Horizontal"> <a data-role="Button"> Buttons </a> <a data-role="Button"> Buttons </a> <a data-role="Button"> Buttons </a>
</div></div>
Vertical
<div data-role="Main" class="ui-content"> <div data-role="Controlgroup"Data-type="Vertical"> <a data-role="Button"> Buttons </a> <a data-role="Button"> Buttons </a> <a data-role="Button"> Buttons </a>
</div></div>
The combo button defaults to vertical
Back button
Data-rel="back"
Added this property, will ignore the href anchor (href= "#")
Data-rel has the characteristics of memory, no matter from which page to the current page, as long as the return, will go back to the previous page (if it is a dialog page, click Fork, also such a feature)
Button style
Reference: JQuery Mobile CSS Class reference manual
TIP: If you use the <a> generate button, it seems to be completely controlled with the built-in class
~end
jquery mobile--button