PhoneGap中文网

 找回密码
 立即注册
PhoneGap中文网 视频教程 ionic 教程 查看内容

ionic中的输入组件容器 : .item-input

2015-4-12 13:42| 发布者: admin| 查看: 2420| 评论: 0

摘要: 输入组件容器 : .item-input在ionic中,各种输入组件被定义成不同的HTML模板,以便将描述标签和输入元素 打包在一起。在这个模板的根元素上,需要声明.item-input样式:any class="item-input".../any不同的输入元素 ...

输入组件容器 : .item-input

ionic中,各种输入组件被定义成不同的HTML模板,以便将描述标签和输入元素 打包在一起。在这个模板的根元素上,需要声明.item-input样式:

  1. <any class="item-input">...</any>

不同的输入元素有不同的模板定义。比如,文本输入通常包含一个描述标签:

  1. <div class="item-input">
  2. <label class="input-label">用户名</label>
  3. <input type="text" placeholder="请输入你的用户账号">
  4. </div>

ionic预定义了文本输入、开关、复选按钮、单选按钮、选择框、滑动条等常用 输入组件的样式:

form

对于多个输入组件,可以将它们放到一个列表中,让表单更加整齐:

  1. <any class="list">
  2. <any class="item item-input">...</any>
  3. <any class="item item-input">...</any>
  4. ...
  5. </any>

头晕

难过

扯淡

不解

搞笑

支持

超赞

欠扁

相关阅读

最新评论

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-4-25 14:00 , Processed in 0.023793 second(s), 20 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部