本文实例讲述了微信小程序使用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
希望本文所述对大家微信小程序开发有所帮助。
您可能感兴趣的文章:
- 微信小程序 input输入框控件详解及实例(多种示例)
- 微信小程序 input输入框详解及简单实例
- 微信小程序 (十七)input 组件详细介绍
- 微信小程序input框中加入小图标的实现方法
- 微信小程序 input输入及动态设置按钮的实现
- 微信小程序 input表单与redio及下拉列表的使用实例
- 微信小程序自定义组件之可清除的input组件
- 详解微信小程序input标签正则初体验
- 微信小程序实现提交input信息到后台的方法示例