首页 > 其他 > 详细

7、表单

时间:2016-06-06 06:46:11      阅读:220      评论:0      收藏:0      [点我收藏+]

1、input

/* ---html----*/
 
<ion-content>
   
 <ion-list inset>
 
   <ion-item>
     <ion-label fixed>Username</ion-label>
     <ion-input type="text" value=""></ion-input>
   </ion-item>
 
   <ion-item>
     <ion-label floating>Username</ion-label>
     <ion-input type="text"></ion-input>
   </ion-item>
 
   <ion-item>
     <ion-label>Username</ion-label>
     <ion-input type="text"></ion-input>
   </ion-item>
 
   <ion-item>
     <ion-label stacked>Username</ion-label>
     <ion-input type="text"></ion-input>
   </ion-item>
 
   <ion-item>
     <ion-input type="text" placeholder="Username"></ion-input>
   </ion-item>
 
 </ion-list>
   
</ion-content>
 
/* ---html----*/

ion-list中 的 inset 使最后一个 ion-item 不带分割线, 具体效果请尝试 。

技术分享

2、radio

/* ---示例代码----*/
 
<ion-list radio-group>
  <ion-list-header>
    Language
  </ion-list-header>
 
  <ion-item>
    <ion-label>Go</ion-label>
    <ion-radio checked="true" value="go"></ion-radio>
  </ion-item>
 
  <ion-item>
    <ion-label>Rust</ion-label>
    <ion-radio value="rust"></ion-radio>
  </ion-item>
 
  <ion-item>
    <ion-label>Python</ion-label>
    <ion-radio value="python" disabled="true"></ion-radio>
  </ion-item>
</ion-list>
 
/* ---示例代码----*/

技术分享

 

7、表单

原文:http://www.cnblogs.com/dandingjun/p/5562522.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!