微信小程式把玩(十七)input元件

2021-07-23 04:21:54 字數 1309 閱讀 9653

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

主要屬性:

placeholder="請輸入賬號"

placeholder-style="color: red"

bindinput="listenerphoneinput" />

view>

class="inputview">

class="input"

password="true"

placeholder="請輸入密碼"

placeholder-style="color: red"

bindinput="listenerpasswordinput"/>

view>

style="margin-left: 15rpx; margin-right: 15rpx; margin-top: 50rpx; border-radius: 40rpx"

type="primary"

bindtap="listenerlogin">登入button>

js

page(,

/*** 監聽手機號輸入

*/listenerphoneinput: function(e) ,

/*** 監聽密碼輸入

*/listenerpasswordinput: function(e) ,

/*** 監聽登入按鈕

*/listenerlogin: function() ,

onload:function(options),

onready:function(),

onshow:function(),

onhide:function(),

onunload:function()

})

wxss

.input

.inputview

微信小程式把玩(十七)input元件

原文 input輸入框使用的頻率也是比較高的。樣式的話自己外面包裹個view自己定義。input屬性也不是很多,有需要自己慢慢測,嘗試 主要屬性 placeholder 請輸入賬號 placeholder style color red bindinput listenerphoneinput vi...

微信小程式input

index.wxml 新增檢視 稅前收入 這裡的標籤相當於html裡的div h1 span acronym abbr address等等,詳細在網上另查閱。我在這裡主要是想釐清標籤裡的內容。1.class 型別裡我放置了 area input 2.type 型別裡放置了 number type 可...

微信小程式把玩(七)資料繫結

資料繫結有一部分前幾個看著還行,後面的幾個可能有幾個不理解,介面展示的資料有的也因為條件沒法顯示。看不懂的可以先記著,後面真正用到時就會明白,反正我是這樣想的。這裡先記錄下 data.wxml view id item 元件屬性view wx if 控制屬性view hindden 三元運算子vie...