Html5-jquerymobile button Icon Component

The code is as follows:

<a href= "#home" data-role= "button" data-icon= "Home" > Home home</a>
<a href= "#home" data-role= "button" data-icon= "Arrow-l" > left arrow arrow-l</a>
<a href= "#home" data-role= "button" data-icon= "Arrow-r" > right arrow arrow-r</a>
<a href= "#home" data-role= "button" data-icon= "Arrow-u" > Up ARROW arrow-u</a>
<a href= "#home" data-role= "button" data-icon= "arrow-d" > Down arrow arrow-d</a>
<a href= "#home" data-role= "button" data-icon= "delete" > Delete delete</a>
<a href= "#home" data-role= "button" data-icon= "plus" > Plus + plus</a>
<a href= "#home" data-role= "button" data-icon= "Minus" > minus-minus</a>
<a href= "#home" data-role= "button" data-icon= "Check" > Checkmark check</a>
<a href= "#home" data-role= "button" data-icon= "Gear" > Sawtooth gear</a>
<a href= "#home" data-role= "button" data-icon= "Refresh" > Refresh refresh</a>
<a href= "#home" data-role= "button" data-icon= "forward" > Forward forward</a>
<a href= "#home" data-role= "button" data-icon= "Back" > Return back</a>
<a href= "#home" data-role= "button" data-icon= "Grid" > Grid grid</a>
<a href= "#home" data-role= "button" data-icon= "star" > Star star</a>
<a href= "#home" data-role= "button" data-icon= "alert" > Hint alert</a>
<a href= "#home" data-role= "button" data-icon= "info" > Info info</a>
<a href= "#home" data-role= "button" data-icon= "search" > Find search</a>

If you do not want the text only want the button swollen do ~ Hee ~ ~ just need this code: data-iconpos= "Notext"

PS: In my this stage corresponds to how to use jquery mobile and swollen with the appropriate still not understand, just see feel very fun, very convenient, practice playing ~

Html5-jquerymobile button Icon Component