当前位置：首页 > 资讯 > 技术文档

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

时间：2022-06-13 12:07 编辑：来源：阅读：
扫一扫，手机访问

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

本文实例讲述了微信小程序使用input组件实现密码框功能。分享给大家供大家参考，具体如下： [b]1、效果展示[/b] [img]http://files.jb51.net/file_images/article/201712/20171211105214345.gif?20171111105232[/img] [b]2、关键代码[/b] 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>

[b]3、源代码[/b]点击此处[url=http://xiazai.jb51.net/201712/yuanma/wxapp_input(jb51.net).rar][b]本站下载[/b][/url]。关于input组件的详细说明可查看官网：[url=https://mp.weixin.qq.com/debug/wxadoc/dev/component/input.html]https://mp.weixin.qq.com/debug/wxadoc/dev/component/input.html[/url] 希望本文所述对大家微信小程序开发有所帮助。

全部评论(0)

上一篇：微信小程序自定义创建详细介绍
下一篇：微信小程序中input标签详解及简单实例

资讯排行榜
更多>>