jQuery Mobile基础04----jQuery Moblie Widgets-checkboxradio（多选框，单选框

最新推荐文章于 2022-04-02 15:41:48 发布

zhaihaohao1

最新推荐文章于 2022-04-02 15:41:48 发布

阅读量781

点赞数

分类专栏： jQuery Mobile基础

本文链接：https://blog.csdn.net/zhaihaohao1/article/details/48994995

版权

jQuery Mobile基础专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<!--单选框，多选框-->
<html>
<head lang="en">
    <meta charset="UTF-8">
    <!--宽度就是设备的宽度，缩放1.0，表示不缩放-->
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport">
    <title></title>
    <!--jquerymobile必须依赖着3个库文件-->
    <script src="jquery-2.1.4.min.js"></script>
    <script src="jquery.mobile-1.4.5.min.js"></script>
    <link href="jquery.mobile-1.4.5.min.css" rel="stylesheet" type="text/css">
</head>
<body>
      <div data-role="page">
          <div data-role="header">
                <h1>hello</h1>
          </div>
          <div data-role="content">
              <!--创建一个多选框-->
              <label>
                  <input type="checkbox">苹果
              </label>
              <!--创建一组多选框,默认是竖直方向-->
              <fieldset data-role="controlgroup">
                  <label>
                      <input type="checkbox" name="cb0">苹果
                  </label>
                  <label>
                      <!--设置主题-->
                      <input type="checkbox" name="cb1" data-theme="b">橘子
                  </label>
                  <label>
                      <input type="checkbox" name="cb2">香蕉
                  </label>
              </fieldset>
              <!--创建一组多选框，横向-->
              <fieldset data-role="controlgroup" data-type="horizontal">
                  <label>
                      <input type="checkbox" name="cb0">苹果
                  </label>
                  <label>
                      <input type="checkbox" name="cb1" >橘子
                  </label>
                  <label>
                      <input type="checkbox" name="cb2">香蕉
                  </label>
              </fieldset>
              <!--创建单选框组，竖直方向-->
              <fieldset data-role="controlgroup">
                  <label>
                      <input type="radio" name="r1" id="man1">男
                  </label>
                  <label>
                      <input type="radio" name="r1" id="women1">女
                  </label>
              </fieldset>
              <!--创建单选框组，横向-->
              <fieldset data-role="controlgroup" data-type="horizontal">
                  <label>
                      <input type="radio" name="r1" id="man2">男
                  </label>
                  <label>
                      <input type="radio" name="r1" id="women2">女
                  </label>
              </fieldset>

          </div>
          <div data-role="footer">
                <h1>welcome</h1>
          </div>
      </div>


</body>
</html>
源码下载：
http://download.csdn.net/download/zhaihaohao1/9164935

zhaihaohao1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery Mobile基础04----jQuery Moblie Widgets-checkboxradio（多选框，单选框

html>html>head lang="en"> meta charset="UTF-8"> meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport"> title>titl
复制链接

扫一扫

专栏目录