您的位置:68399皇家赌场 > 服务器租用 > 【代码笔记】Web-ionic-select

【代码笔记】Web-ionic-select

发布时间:2019-05-03 05:19编辑:服务器租用浏览(128)

    一,效果图。

     

    图片 1

     

    二,代码。

     

    图片 2

    <!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>
        <link href="http://www.runoob.com/static/ionic/css/ionic.min.css" rel="stylesheet">
        <script src="http://www.nuyizu.com/uploads/allimg/190503/0519313638-2.jpg"></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>
    

    图片 3

     

    参考资料:《新手教程》

    本文由68399皇家赌场发布于服务器租用,转载请注明出处:【代码笔记】Web-ionic-select

    关键词: 68399皇家赌场

上一篇:没有了

下一篇:没有了