【代码笔记】Web-ionic-select
生活随笔
收集整理的這篇文章主要介紹了
【代码笔记】Web-ionic-select
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
一，效果圖。
?
?
二，代碼。
?
<!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 創(chuàng)建的 APP 中包含的文件，由 Cordova/PhoneGap 提供，(開發(fā)過程中顯示 404) --> <script src="js/app2.js"></script> <script src="cordova.js"></script> <link href="http://www.runoob.com/static/ionic/css/ionic.min.css" rel="stylesheet"> <script src="http://www.runoob.com/static/ionic/js/ionic.bundle.min.js"></script> </head> <body> <div class="list"> <div class="item item-input item-select"> <div class="input-label"> Lightsaber </div> <select> <option>Blue</option> <option selected="">Green</option> <option>Red</option> </select> </div> <div class="item item-input item-select"> <div class="input-label"> Fighter </div> <select> <option>ARC-170</option> <option>A-wing</option> <option>Delta-7</option> <option>Naboo N-1</option> <option>TIE</option> <option selected="">X-wing</option> <option>Y-wing</option> </select> </div> <div class="item item-input item-select"> <div class="input-label"> Droid </div> <select> <option>2-1B</option> <option>B1</option> <option>C-3PO</option> <option>IG-88</option> <option>IT-O</option> <option selected="">R2-D2</option> </select> </div> <div class="item item-input item-select"> <div class="input-label"> Planet </div> <select> <option>Alderaan</option> <option selected="">Dagobah</option> <option>Felucia</option> <option>Geonosis </option> <option>Hoth</option> <option>Kamino</option> <option>Mygeeto</option> <option>Naboo</option> <option>Tataouine</option> <option>Utapau</option> <option>Yavin</option> </select> </div> </div> </body> </html>?
參考資料：《菜鳥教程》
轉(zhuǎn)載于:https://www.cnblogs.com/yang-guang-girl/p/9375594.html
總結(jié)
以上是生活随笔為你收集整理的【代码笔记】Web-ionic-select的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： iso/osi七层网络通信协议的含义是什
- 下一篇： html2canvas关于图片不能正常截