其他分享
首页 > 其他分享> > ionic input 标签的使用

ionic input 标签的使用

作者:互联网

 

        <ion-list>
          <ion-item>
              <ion-label  floating>用户名:</ion-label>
             <ion-input  clearOnEdit="true" clearInput></ion-input>
          </ion-item>
         <ion-item>
              <ion-label  stacked>密   码:</ion-label>
             <ion-input clearInput clearInput></ion-input>
         </ion-item>
         <ion-item>
             <ion-label>number</ion-label> <ion-input type="number"></ion-input>
         </ion-item>
         </ion-list>

floating 当编辑的时候。 label上的字 自动浮动到 input 的上方
stacked label 永远在input的上方。、

效果图:

 

 

 

 

 

 

 

 



作者:133sheiya
链接:https://www.jianshu.com/p/8dd185977e18
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

标签:标签,number,label,作者,类型,input,ionic
来源: https://www.cnblogs.com/fuyao/p/15324025.html