HTML5的学习示例分享,jQuery Mobile的技术学习分享
HTML5的学习示例分享,jQuery Mobile的技术学习分享
看看PC上的效果:

看看手机上的效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>主题化可折叠表单</h1>
</div>
<div data-role="content">
<form method="post" action="demoform.asp">
<fieldset data-role="collapsible" data-theme="b" data-content-theme="e">
<legend>点击我 - 我是可折叠的!</legend>
<label for="name">全名:</label>
<input type="text" name="text" id="name">
<p>喜爱的颜色:</p>
<div data-role="controlgroup">
<label for="red">红色</label>
<input type="checkbox" name="favcolor" id="red" value="red">
<label for="green">绿色</label>
<input type="checkbox" name="favcolor" id="green" value="green">
<label for="blue">蓝色</label>
<input type="checkbox" name="favcolor" id="blue" value="blue">
</div>
<input type="submit" data-inline="true" value="提交" data-theme="a">
</fieldset>
</form>
</div>
</div>
</body>
</html>
看看PC上的效果:

看看手机上的效果:

...全文
相关推荐
jQuery mobile 学习资料
它利用HTML5、CSS3和JavaScript技术,提供了丰富的组件和API,使得开发者能够快速地创建具有统一设计风格的多平台应用。
移动新闻网站,掌上移动新闻,移动新闻客户端,jQuery Mobile移动新闻网站,移动新闻网站demo,新闻阅读器开发
移动新闻开发涉及的技术栈通常包括HTML5、CSS3和JavaScript,其中HTML5的离线存储能力(如App Cache和IndexedDB)可帮助实现离线阅读。
jquery mobile, phoegap
博客文章可能还会讨论实际开发中遇到的问题、解决方法,或者分享一些最佳实践和技巧。`encode.html` 文件可能是文章中用于演示或教学的一个 HTML 页面,可能包含了一些示例代码或布局设计。
jquery-978-1-7835-5505-5:jQuery Mobile Web Development Essentials - 第三版
**页面结构与数据属性**:在jQuery Mobile中,每个页面都是独立的HTML文档,通过链接进行导航。
html5webpdf
轻量级框架JQUERY MOBILE在第8章被介绍,以帮助开发者快速构建适用于移动设备的用户界面。


