43,739
社区成员
发帖
与我相关
我的任务
分享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上的效果：
看看手机上的效果：
...全文
请发表友善的回复…
发表回复
Jokeny_gyh 2016-03-30
- 打赏
- 举报
挺不错，学习了~
业余草 2014-07-17
- 打赏
- 举报
结贴算了，免费送分都不愿意要
xmtxtt 2014-07-16
- 打赏
- 举报
我是小白，正则学习html5的路上
gcy532009913 2014-07-16
- 打赏
- 举报
看上去还不错，html5开发人员很少吗
业余草 2014-07-16
- 打赏
- 举报
比较简单，请加qq群：135430763，共同学习！
janey1222 2014-07-15
- 打赏
- 举报
不错。。。。
业余草 2014-07-12
- 打赏
- 举报
这是个什么意思
qcxl 2014-07-12
- 打赏
- 举报
nui111 2014-07-11
- 打赏
- 举报
还不错吧，初级的，学习了
小灰灰的可爱无人可替代 2014-07-11
- 打赏
- 举报
很不错，值得学习~~
hoboXXX 2014-07-11
- 打赏
- 举报
大神！ 牛人！
业余草 2014-07-11
- 打赏
- 举报
挺好的，学习了
