微信小程式建立輸入框

2021-08-25 19:47:40 字數 650 閱讀 3063

一、相關知識:

二、實現

-----------------------------------------輸入框型:

placeholder-style:指定 placeholder 的樣式,所以裡面的color設定的是輸入框的背景色。

placeholder:輸入框為空時佔位符,我理解的是要提示輸入的內容。

type:input 的型別:文字、數字、身份證、帶小數點的數字。

maxlength:最大輸入長度,預設為140,設定為 -1 的時候不限制最大長度。

border-radius:設定圓角,當值為50%時,效果為圓形。

color:文字的顏色。

-----------------------------------------

下劃線型:

border-color:元素的所有邊框中可見部分的顏色,也可以為 4 個邊分別設定顏色,如: border-top-color: #aaa;

border-style:設定元素所有邊框的樣式,也可以單獨地為各邊設定邊框樣式。屬性值:solid,dashed,dotted,double等

border-width:用於為元素的所有邊框設定寬度,也可以單獨地為各邊邊框設定寬度。屬性值:thin medium thick length。

微信小程式獲取input輸入框的值

官方文件 輸入的內容 輸入的內容2 searchbox function e 這個函式一定要寫在標籤上才能用e.detail.value獲取到 防止誤導,故去掉無關屬性 getphone e 官方對bindinput事件的說明 鍵盤輸入時觸發,event.detail keycode 為鍵值,2.1...

類似微信的文字輸入框

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!首先,這種效果用.9圖我不知道是否可以做出來。如果不用.9圖的話,那就只能用drawable來寫,這種drawable有點複雜,可以採用layerlist來實現,我的思想如下 分三層實現,這裡假設activity的背景是白色,第一層也 就是最底層 ...

類似微信的文字輸入框

首先,這種效果用.9圖我不知道是否可以做出來。如果不用.9圖的話,那就只能用drawable來寫,這種drawable有點複雜,可以採用layerlist來實現,我的思想如下 分三層實現,這裡假設activity的背景是白色,第一層也 就是最底層 是綠色 第二次是白色,但是距離底部有一段小偏移,目的...