zoukankan      html  css  js  c++  java
  • 【代码笔记】Web-ionic checkbox(复选框)

    一,效果图。

     

     

    二,代码。

     

    复制代码
    <!DOCTYPE html>
    <html>
    
    <head>
        <meta charset="utf-8">
        <title>Todo</title>
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
        <link href="lib/ionic/css/ionic.css" rel="stylesheet">
        <script src="lib/ionic/js/ionic.bundle.js"></script>
        <!-- 在使用 Cordova/PhoneGap 创建的 APP 中包含的文件,由 Cordova/PhoneGap 提供,(开发过程中显示 404) -->
        <script src="js/app2.js"></script>
        <script src="cordova.js"></script>
    </head>
    
    <body>
        <ul class="list">
            <li class="item item-checkbox">
                <label class="checkbox">
                    <input type="checkbox" checked="">
                </label>
                Flux Capacitor
            </li>
            <li class="item item-checkbox">
                <label class="checkbox">
                    <input type="checkbox" checked="">
                </label>
                1.2.1 Gigawatts
            </li>
            <li class="item item-checkbox">
                <label class="checkbox">
                    <input type="checkbox" checked="">
                </label>
                Delorean
                <li>
                </li>
                <li class="item item-checkbox">
                    <label class="checkbox">
                        <input type="checkbox" checked="">
                    </label>
                    88 MPH
                </li>
                <li class="item item-checkbox">
                    <label class="checkbox">
                        <input type="checkbox">
                    </label>
                    Plutonium resupply
                </li>
        </ul>
    </body>
    
    </html>
    复制代码
  • 相关阅读:
    js自定义事件
    js回调函数
    git和github使用
    23种设计模式(10):命令模式
    HBase查询引擎——Phoenix的使用
    八、shell的管道
    七、Linux的shell的重定向
    五、Linux的常用命令 和 使用方式 1
    十二、TestNG分组测试2
    十一、TestNG依赖测试
  • 原文地址:https://www.cnblogs.com/yang-guang-girl/p/9358199.html
Copyright © 2011-2022 走看看