码迷,mamicode.com
首页 > Web开发 > 详细

ionic.css界面组件:表单-选择框

时间:2015-08-14 11:57:15      阅读:237      评论:0      收藏:0      [点我收藏+]

标签:

选择框 : .item-select select

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

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

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

example;

<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>


ionic.css界面组件:表单-选择框

标签:

原文地址:http://my.oschina.net/u/2395167/blog/492241

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!