Jquery mobile按钮的三种创建方式及使用条件

1.用于页面之间的跳转

<a href="#" data-role="submit" data-inline="true">按钮显示的内容</a>

a.其中包含一个data-inline元素,用于自适应其按钮内容大小或者需要两个或多个按钮并排显示,需要使用时设置为true,否则将占据整行

b.使用该方式创建按钮时,可以使用data-transition元素,例如:

<a href="#pageone" data-role="button" data-inline="true" data-transition="slide">转到页面一</a>

c.使用该方式创建按钮时,可以指定为垂直方向创建或者水平方向创建多个按钮,例如:

<div data-role="content">
<div data-role="controlgroup" data-type="horizontal">
<p>水平分组</p>
<a href="#" data-role="button">
one</a>
<a href="#" data-role="button">
two</a>
<a href="#" data-role="button">
three</a>
</div><br/>


<div data-role="controlgroup" data-type="vertical">
<p>垂直分组</p>
<a href="#" data-role="button">one</a>
<a href="#" data-role="button">two</a>
<a href="#" data-role="button">three</a>
</div>
</div>

d.关于button的其他基本属性(简单列出几个)

data-corners:规定按钮是否有圆角

data-mini:规定是否是小型按钮

data-shadow:规定按钮是否有阴影

2.应用于表单的提交

(1)  <button>按钮显示内容</button>

(2) <input type="button" value="按钮显示内容">

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章