最新版本号[免费下载]

ionic中 选择框 : .item-select select

作者:本站编辑 发布时间:2015-11-24 来源:本站原创 点击数:

选择框 : .item-select select

在每个平台上,选择框的表现形式都不一样,例如,在PC上,是一个传统的下拉框,在Android 是一个单选弹出窗,而iOS上是一个覆盖半个窗体的定制滚动器:

select

通常总是将选择框与文字一起放入列表条目中,使用如下HTML模板创建选择框条目:

<label class="item-input item-select">    <any class="input-label"></any>    <select>        <option>...</option>        <option>...</option>        ...    </select></label>



<!DOCTYPE html>
<html>
<head>
 <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
 <link rel="stylesheet" type="text/css" href="ionic.min.css">
</head>
<body>
 <div class="bar bar-header bar-light">
  <h1 class="title">选择框</h1>
 </div>
 <div class="scroll-content has-header">
  <div class="list">
   <label class="item item-input item-select">
    <div class="input-label">
     前端技术
    </div>
    <select>
     <option>HTML</option>
     <option selected>CSS</option>
     <option>JavaScript</option>
    </select>
   </label>
  </div>
 </div>
</body>
</html>


本文责任编辑: 加入会员收藏夹 点此参与评论>>
复制本网址-发给QQ/微信上的朋友
下一篇文章:ionic中 选项卡 : .tabs
AI智能听书
选取音色