本文實例講述了微信小程序使用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
希望本文所述對大家微信小程序開發有所幫助。
新聞熱點
疑難解答