首页  >  文章  >  web前端  >  在微信小程序中如何使用input组件实现密码框

在微信小程序中如何使用input组件实现密码框

亚连
亚连原创
2018-06-21 16:18:262061浏览

这篇文章主要介绍了微信小程序使用input组件实现密码框功能,涉及input组件布局设置相关操作技巧,并附带源码供读者下载参考,需要的朋友可以参考下

本文实例讲述了微信小程序使用input组件实现密码框功能。分享给大家供大家参考,具体如下:

关键代码

index.wxml

<view style="width:80%; display:flex;">
 <view>用户名:</view>
 <input style="border: 1px solid;border-color: lightblue;width:60%;" 
 placeholder="请输入您的用户名" maxlength="16" type="text" focus="false"/>
</view>
<view style="width:80%; display:flex;">
 密 码:<input style="border: 1px solid;border-color: lightblue;width:60%;" 
 placeholder="请输入您的密码" password="true" maxlength="16" type="text" focus="false"/>
</view>

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

使用Javascript如何开发二维周视图日历

有关JS抽象工厂模式(详细教程)

在Django与Vue语法中存在冲突问题如何解决

有关ES6/JavaScript使用技巧(详细教程)

在nodejs中如何实现爬取网站图片

使用VS Code编辑器如何开发AngularJS 2应用程序

有关Angular2开发环境搭建(详细教程)

在JavaScript中如何实现观察者模式

在javascript中如何实现显式转换与隐式转换

在ReactNative中如何使用Redux架构

在Angular中使用MathJax碰到哪些问题?

以上是在微信小程序中如何使用input组件实现密码框的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn