這篇文章主要介紹微信小程序中input 組件用法，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

曲松網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),曲松網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為曲松超過千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設(shè)要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的曲松做網(wǎng)站的公司定做！

input輸入框使用的頻率也是比較高的。。。樣式的話自己外面包裹個(gè)view自己定義。input屬性也不是很多，有需要自己慢慢測(cè)，嘗試

主要屬性：

wxml

 



 
 
登錄

js

Page({
 /**
 * 初始化數(shù)據(jù)
 */
 data:{
 phone: '',
 password: '',
 },
 
 /**
 * 監(jiān)聽手機(jī)號(hào)輸入
 */
 listenerPhoneInput: function(e) {
  this.data.phone = e.detail.value;
 
 },
 
 /**
 * 監(jiān)聽密碼輸入
 */
 listenerPasswordInput: function(e) {
  this.data.password = e.detail.value;
 },
 
 /**
 * 監(jiān)聽登錄按鈕
 */
 listenerLogin: function() {
  //打印收入賬號(hào)和密碼
 console.log('手機(jī)號(hào)為: ', this.data.phone);
 console.log('密碼為: ', this.data.password);
 },
 
 onLoad:function(options){
 // 頁面初始化 options為頁面跳轉(zhuǎn)所帶來的參數(shù)
 },
 onReady:function(){
 // 頁面渲染完成
 },
 onShow:function(){
 // 頁面顯示
 },
 onHide:function(){
 // 頁面隱藏
 },
 onUnload:function(){
 // 頁面關(guān)閉
 }
})

wxss

.input{
 padding-left: 10px;
 height: 44px;
}
 
.inputView{
 border: 2px solid red;
 border-radius: 40px;
 margin-left: 15px;
 margin-right: 15px;
 margin-top: 15px;
}

以上是“微信小程序中input 組件用法”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！