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

2021-09-22 21:41:53 字數 1320 閱讀 2019

原文:

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 view ...

微信小程式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...