微信小程序使用input组件实现密码框功能【附源码下载】

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

1、效果展示

2、关键代码

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>

3、源代码点击此处本站下载。

关于input组件的详细说明可查看官网：https://mp.weixin.qq.com/debug/wxadoc/dev/component/input.html

希望本文所述对大家微信小程序开发有所帮助。