首页 > Web开发 > 详细

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

时间:2015-08-14 11:54:15      阅读:183      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!