jQuery Mobile基础10----jQuery Mobile Widgets(2)-selectmenu（下拉框

最新推荐文章于 2020-09-25 11:27:17 发布

zhaihaohao1

最新推荐文章于 2020-09-25 11:27:17 发布

阅读量433

点赞数

分类专栏： jQuery Mobile基础

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

版权

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 class="ui-field-contain">
        <!--创建一个下拉框-->
        <!--data-iconpos="left"图标设置在左边-->
        <select name="select-native-1"id="select-native-1"data-iconpos="left">
            <option value="1">这是第1个</option>
            <option value="2">这是第2个</option>
            <!--不能被选中-->
            <option value="3"disabled="disabled">这是第3个</option>
            <option value="4">这是第4个</option>
            <option value="5">这是第5个</option>
        </select>
    </div>
</body>
</html>
源码下载：
http://download.csdn.net/download/zhaihaohao1/9164935