ionic 表单和输入框

list 类同样可以用于 input 元素。item-input 和 item 类指定了文本框及其标签。

输入框属性：placeholder

来看这个例子：这里的输入框默认都会撑满 100% 宽度，也就是左右两侧不带边框；同时，通过 placeholder 属性给输入字段预先放上一段提示文字，方便用户一眼看懂该填什么。

输入框属性：input-label

input-label 的作用很直接，就是把标签放到输入框 input 的左边。

  
    用户名：
    
  
  
    密码：
    
  

堆叠标签

堆叠标签通常位于输入框的头部。每个选项使用 item-stacked-label 类指定。 每个输入框需要指定 input-label。以下实例也使用了 placeholder 属性来设置信息输入提示。

  
    First Name
    
  
  
    Last Name
    
  
  
    Email
    
  

浮动标签

浮动标签类似于堆叠标签，但浮动标签有一个动画的效果，每个选项需要指定 item-floating-label 类，输入标签需要指定 input-label。

  
    First Name
    
  
  
    Last Name
    
  
  
    Email
    
  

内嵌表单

默认情况下每个输入域宽度都是100%，但我们可以使用 list list-inset 或 card 类设置表单的内边距(padding)， card 类带有阴影。

内嵌输入域

使用 list-inset 设置内嵌实体列表。 使用 item-input-inset 样式可以内嵌一个按钮。

    
      
    
    
      Submit
    
  

带图标的输入框

item-input 输入框可以很简单的添加图标。 图标可以在 前添加。

头部输入框

输入框可放置在头部，并可添加提交或取消按钮。

  
    
    
  
  
    取消