有两种布局方法使其格式化变得更简单：布局表格和可折叠的内容块
下面是一个可折叠内容的实例，单击标题将看到具体的内容，再点击标题则会将展现的内容隐藏。
Collapsible Content DemoHomeAbout this appThis app rocks!触摸选择的表单元素
jQuery Mobile会自动替换标准的HTML表单元素，例如文本框，复选框，列表框。以这种自定义的样式工作在触摸设备上的表单元素，易用性更强。
例如，复选框将会变得很大，易于点选。点击下拉列表时，将会弹出一组大按钮列表选项，提供给用户选择。
该框架支持新的HTML5元素，例如search和range。另外你可以利用列表框并添加data-role=”slider”并添加两个option选项，创建不错的”打开/关闭”开关，
另外一个不错的特点是组合单选框和组合复选框，可以利用fieldset元素添加属性data-role=”controlgroup”来创建一组单选按钮或复选框，jQuery Mobile自动格式化他们的格式。使它们看上去更fashion!
一般来说，开发者不需要关心表单的那些高级特性，开发者仅需要以正常的方式创建你的表单，jQuery Mobile框架会帮你完成剩余的工作。另外有一件事情需要开发人员来完成，即使用div或fieldset 属性data-role=”fieldcontain”包装每一个label/field。这样jQuery Mobile会在label/field对之间添加一个水平分割条。这样的对齐方式可以使其更容易查找。
下面是一个jQuery Mobile版的表单元素
jQuery Mobile Form Demoscript Ice Cream Order Form Your Name: Which flavour(s) would you like? Vanilla Chocolate Strawberry Number of Cones: Sprinkles: No Yes Collect from Store: Main Street Liberty Avenue Circle Square Angel Road Cancel Order Ice Cream
相关文章
精彩导读
热门资讯
关注我们
