微信小程序使用input組件實(shí)現(xiàn)密碼框功能【附源碼下載】
更新時(shí)間：2017年12月11日 10:36:19 作者：FutrueJet
這篇文章主要介紹了微信小程序使用input組件實(shí)現(xiàn)密碼框功能,涉及input組件布局設(shè)置相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下
本文實(shí)例講述了微信小程序使用input組件實(shí)現(xiàn)密碼框功能。分享給大家供大家參考，具體如下：
1、效果展示
2、關(guān)鍵代碼
index.wxml
<view style="width:80%; display:flex;"> <view>用戶名：</view> <input style="border: 1px solid;border-color: lightblue;width:60%;" placeholder="請(qǐng)輸入您的用戶名" maxlength="16" type="text" focus="false"/> </view> <view style="width:80%; display:flex;"> 密 碼：<input style="border: 1px solid;border-color: lightblue;width:60%;" placeholder="請(qǐng)輸入您的密碼" password="true" maxlength="16" type="text" focus="false"/> </view>
3、源代碼點(diǎn)擊此處本站下載。
關(guān)于input組件的詳細(xì)說(shuō)明可查看官網(wǎng)：https://mp.weixin.qq.com/debug/wxadoc/dev/component/input.html
希望本文所述對(duì)大家微信小程序開(kāi)發(fā)有所幫助。
相關(guān)文章
js計(jì)算字符串的字節(jié)數(shù)的代碼2009-02-02
每天一篇javascript學(xué)習(xí)小結(jié)（Date對(duì)象）
這篇文章主要介紹了javascript中的Date對(duì)象知識(shí)點(diǎn)，對(duì)Date對(duì)象的基本使用方法，以及各種方法進(jìn)行整理，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了詳解ES6中的代理模式——Proxy，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
現(xiàn)在全屏的半透明遮罩層在web2.0網(wǎng)站應(yīng)用非常廣泛了，絕大多數(shù)遮罩是通過(guò)計(jì)算頁(yè)面大小，然后覆蓋一個(gè)與頁(yè)面同等大小的層實(shí)現(xiàn)，如騰訊qzone, wordpress后臺(tái)。2010-06-06
基于函數(shù)執(zhí)行的踩坑(addEventListener)
這篇文章主要介紹了基于函數(shù)執(zhí)行的踩坑(addEventListener)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
淺談一個(gè)webpack構(gòu)建速度優(yōu)化誤區(qū)
這篇文章主要介紹了淺談一個(gè)webpack構(gòu)建速度優(yōu)化誤區(qū)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-06-06
這篇文章主要介紹了微信小程序如何連接Java后臺(tái),文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
JS字符串false轉(zhuǎn)boolean的方法(推薦)
下面小編就為大家?guī)?lái)一篇JS字符串false轉(zhuǎn)boolean的方法(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03
JavaScript如何刪除對(duì)象的某個(gè)屬性詳析
這篇文章主要給大家介紹了關(guān)于JavaScript如何刪除對(duì)象的某個(gè)屬性的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05
利用Vconsole和Fillder進(jìn)行移動(dòng)端抓包調(diào)試方法
這篇文章主要介紹了利用Vconsole和Fillder進(jìn)行移動(dòng)端抓包調(diào)試，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-03-03