【代码笔记】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>
复制代码

猜你喜欢

转载自www.cnblogs.com/yang-guang-girl/p/9358199.html