Jquery mobile 按钮
链接按钮：
<a href="#" data-role="button">链接按钮</a>
<br/>
将按钮在一排显示：<br/>
<a href="#" data-role="button" data-inline="true">同意</a>
<a href="#" data-role="button" data-inline="true">不同意</a>
<br/>
表单按钮：<br/>
<button type="submit">button提交按钮</button><br/>
<input type="button" value="input的 button 按钮" /><br/>
<input type="submit" value="input的submit按钮" /><br/>
如果想要禁用表单按钮或者任何其他空间的自动初始化：可以给这些元素添加data-role="none"属性：<br/>
<button data-role="none">禁用的自动初始化的按钮</button><br/>
<strong> 图像按钮：</strong><br/>
1.input元素 的 图像按钮，注意：data-role="none" <br/>
<input type="image" src="image/photo_nopic_51.jpg" data-role="none" /><br/>
2.图片按钮：<br/>
<a href="#"><img src="image/photo_nopic_33.jpg" /></a><br/>
<strong> 带有图标的按钮：</strong><br/>
1.input元素：
<input type="button" value="删除" data-icon="delete" /><br/>
2.a 标记图标按钮：
<a href="#" data-role="button" data-icon="plus">链接图标按钮</a><br/>
3.button 图标按钮：
<button data-icon="gear">设置button图标按钮</button>
<strong> 只带有图标的按钮：</strong>创建只是带有按钮的按钮，添加属性:data-iconpos="notext"<br/>
1.a:<a href="#" data-role="button" data-icon="plus" data-iconpos="notext"></a><br/>
2.button:<button data-icon="plus" data-iconpos="notext"></button> <br/>
<strong>按钮的定位：</strong>添加属性:data-iconpos=top,right,bottom,left"<br/>
<a href="#" data-role="button" data-icon="arrow-u" data-iconpos="top">top</a>
<a href="#" data-role="button" data-icon="arrow-l" data-iconpos="left">left</a>
<a href="#" data-role="button" data-icon="arrow-r" data-iconpos="right">right</a>
<a href="#" data-role="button" data-icon="arrow-d" data-iconpos="bottom">bottom</a><br/>
<strong> 分组按钮：</strong><br/>
1.data-role="controlgroup";定义是分组按钮；<br/>
2.data-type="horizontal";定义是水平放置的；<br/>
3.data-theme="a";给按钮定义主题颜色；<br/>
<div data-role="controlgroup" data-type="horizontal">
<a href="#" data-role="button" data-theme="a">第一页</a>
<a href="#" data-role="button" data-theme="b">第二页</a>
<a href="#" data-role="button"data-theme="e">第三页</a>
</div>
<br/>
<strong> 单选按钮：</strong><br/>
1.fieldset:定义一组按钮；<br/>
2.data-role="controlgroup";定义是分组按钮；<br/>
3.data-type="horizontal";定义是水平放置的；<br/>
4.data-theme="a";给按钮定义主题颜色；<br/>
5.lable 的for 和 input 的id 必须是一致的，而且是唯一的；
<br/>
<fieldset data-role="controlgroup" data-type="horizontal">
<legend>请选择性别：</legend>
<input type="radio" id="man1" name="man" value="man"/>
<label for="man1" data-theme="b">男</label>
<input type="radio" id="woman1" name="woman" value="woman"/>
<label for="woman1" data-theme="e">女</label>
</fieldset>
<br/>
<strong> 复选按钮：</strong><br/>
1.fieldset:定义一组按钮；<br/>
2.data-role="controlgroup";定义是分组按钮；<br/>
3.data-type="horizontal";定义是水平放置的；<br/>
4.data-theme="a";给按钮定义主题颜色；<br/>
5.lable 的for 和 input 的id 必须是一致的，而且是唯一的；
<br/>
<fieldset data-role="controlgroup" data-type="horizontal">
<legend>你喜欢吗：</legend>
<input type="checkbox" id="aaaa" name="man" value="man" checked="checked"/>
<label for="aaaa" data-theme="b">喜欢</label>
<input type="checkbox" id="bbb" name="woman" value="woman"/>
<label for="bbb" data-theme="c">很喜欢</label>
</fieldset>
<br/>
<fieldset data-role="controlgroup">
<legend>不是水平放置的样式：</legend>
<input type="checkbox" id="aaaa" name="man" value="man"/>
<label for="aaaa" data-theme="b">喜欢</label>
<input type="checkbox" id="bbb" name="woman" value="woman"/>
<label for="bbb" data-theme="c">很喜欢</label>
</fieldset>
<br/>