微信小程序使用input組件實現密碼框功能【附源碼下載】

更新時間：2017年12月11日 10:36:19 作者：FutrueJet

這篇文章主要介紹了微信小程序使用input組件實現密碼框功能,涉及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

希望本文所述對大家微信小程序開發(fā)有所幫助。

您可能感興趣的文章:

js獲取提交的字符串的字節(jié)數
js計算字符串的字節(jié)數的代碼
2009-02-02
每天一篇javascript學習小結（Date對象）
這篇文章主要介紹了javascript中的Date對象知識點，對Date對象的基本使用方法，以及各種方法進行整理，感興趣的小伙伴們可以參考一下
2015-11-11
詳解ES6中的代理模式——Proxy
這篇文章主要介紹了詳解ES6中的代理模式——Proxy，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-01-01
lightBox 簡易的全屏透明遮罩解決方法
現在全屏的半透明遮罩層在web2.0網站應用非常廣泛了，絕大多數遮罩是通過計算頁面大小，然后覆蓋一個與頁面同等大小的層實現，如騰訊qzone, wordpress后臺。
2010-06-06
基于函數執(zhí)行的踩坑(addEventListener)
這篇文章主要介紹了基于函數執(zhí)行的踩坑(addEventListener)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-01-01
淺談一個webpack構建速度優(yōu)化誤區(qū)
這篇文章主要介紹了淺談一個webpack構建速度優(yōu)化誤區(qū)，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-06-06
微信小程序如何連接Java后臺
這篇文章主要介紹了微信小程序如何連接Java后臺,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2019-08-08
JS字符串false轉boolean的方法(推薦)
下面小編就為大家?guī)硪黄狫S字符串false轉boolean的方法(推薦)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-03-03
JavaScript如何刪除對象的某個屬性詳析
這篇文章主要給大家介紹了關于JavaScript如何刪除對象的某個屬性的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2021-05-05
利用Vconsole和Fillder進行移動端抓包調試方法
這篇文章主要介紹了利用Vconsole和Fillder進行移動端抓包調試，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-03-03