jQueryMobile基础解析.ppt

表单 JM 表单 支持文本框的 placeholder=“…” 属性 通过 data-ajax=“false” 禁用 Ajax 加载 通过 data-theme 让表单使用不同的主题 可以使用HTML5新的类型，如email, tel, number 等 textarea 会自动根据输入的内容扩展输入框的高度，避免在手机上麻烦的滚动条 form name=test id=test action=form-response.php method=post data-transition=pop p label for=emailEmail:/label input type=email name=email id=email value= placeholder=Email data-theme=d/ /p p label for=emailEmail:/label input type=email name=email id=email1 value= placeholder=Email data-theme=d/ /p p label for=emailEmail:/label input type=email name=email id=email2 value= placeholder=Email data-theme=d/ /p p label for=emailEmail:/label input type=email name=email id=email3 value= placeholder=Email data-theme=d/ /p p button type=submit data-theme=a name=submitSubmit/button /p /form JM 的列表 List View 列表广泛用于数据显示，导航，结果列表，数据项输入等，jQuery Mobile包含了许多不同 列表类型和格式化的例子来覆盖大部分的设计需求。 !-- 一个最基本的列表 -- ul data-role=listview data-theme=g  lia href=acura.htmlAcura/a/li lia href=audi.htmlAudi/a/li lia href=bmw.htmlBMW/a/li /ul JM 的各种不同列表 基本列表 嵌套列表 编号列表 只读列表 拆分按钮列表 列表分隔 有哪些信誉好的足球投注网站过滤器 气泡计数 缩略图和图标 在线演示：/demos/1.0b2/#/demos/1.0b2/docs/lists/index.html HTML5 HTML5 DEMO 支持HTML5的浏览器 Opera 9.5+ Cross-document messaging Server-sent events Web Forms 2.0 Canvas and video Safari 3.1+ video and audio tags Offline data storage API Webkit(Iphone/Chrome/Android/Nokia s60/Palms WebOS) 支持HTML5的浏览器 FireFox 3.1+ offline storage and canvas Geolocation/Web Workers/ContentEditable Gecko(more HTML5 APIS) Internet Explorer 8.0+ embed element and contentEditable attribute cross-document messaging HTML5基本布局 HTML4 HTML5 !DOCTYPE