这篇文章主要介绍了微信小程序使用input组件实现密码框功能,涉及input组件布局设置相关操作技巧,并附带源码供读者下载参考,需要的朋友可以参考下
本文实例讲述了微信小程序使用input组件实现密码框功能。分享给大家供大家参考,具体如下:
关键代码
index.wxml
1 2 3 4 5 6 7 8 9 | <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>
|
Salin selepas log masuk
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
使用Javascript如何开发二维周视图日历
有关JS抽象工厂模式(详细教程)
在Django与Vue语法中存在冲突问题如何解决
有关ES6/JavaScript使用技巧(详细教程)
在nodejs中如何实现爬取网站图片
使用VS Code编辑器如何开发AngularJS 2应用程序
有关Angular2开发环境搭建(详细教程)
在JavaScript中如何实现观察者模式
在javascript中如何实现显式转换与隐式转换
在ReactNative中如何使用Redux架构
在Angular中使用MathJax碰到哪些问题?
Atas ialah kandungan terperinci 在微信小程序中如何使用input组件实现密码框. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!