PhoneGap中文网

标题: 怎样实现登录帐号密码输入框和显示密码功能 [打印本页]

---

作者: mickymin    时间: 2016-1-30 19:34
标题: 怎样实现登录帐号密码输入框和显示密码功能
如附件所示，希望实现这个样式的登录密码输入框（右边有个叉样式的清除键）和ion-eye图标实现点击切换是否显示密码的功能？

我是新手，只能做到这样的效果，55

1.       <label class="item item-input">
   
2.         <span class="input-label">密码</span>
   
3.         <input type="password"  ng-if="test1==false" ng-model="password" placeholder="请输入密码">
   
4.         <input type="text" ng-if="test1==true" ng-model="password" placeholder="请输入密码">
   
5.         <!--<input ng-class="type={'password':test1,'text':!test1}" ng-model="password" placeholder="请输入密码">-->
   
6.         <div ng-class="{'ion-eye':test1,'ion-eye-disabled':!test1}" style="font-size:200%" ng-click="showword()"></div>
   
7.       </label>

复制代码

求高手版主指教！

QQ图片20160130191629.png (30.2 KB, 下载次数: 574)

下载附件

2016-1-30 19:22 上传

---

作者: admin    时间: 2016-1-31 21:45
自己用一个图片，用css做个定位放在右侧，输入框有数据的时候就显示。

点击的时候 执行删除输入框的数据

---

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)

Powered by Discuz! X3.2