uni app 表單及表單元件

2022-06-27 02:33:09 字數 2871 閱讀 5365

表單:用於資料的收集和資料的提交

1.button元件

屬性說明

屬性名型別

預設值說明

生效時機

平台差異說明

size

string

default

按鈕的大小

type

string

default

按鈕的樣式型別

plain

boolean

false

按鈕是否鏤空,背景色透明

disabled

boolean

false

是否禁用

loading

boolean

false

名稱前是否帶 loading 圖示

form-type

string

用於元件,點選分別會觸發元件的 submit/reset 事件

open-type

string

開放能力

hover-class

string

button-hover

指定按鈕按下去的樣式類。當 hover-class="none" 時,沒有點選態效果

hover-start-time

number

20按住後多久出現點選態,單位毫秒

hover-stay-time

number

70手指鬆開後點選態保留時間,單位毫秒

string

hover-stop-propagation

boolean

false

指定是否阻止本節點的祖先節點出現點選態

lang

string

'en'

指定返回使用者資訊的語言,zh_cn 簡體中文,zh_tw 正體中文,en 英文。

session-from

string

會話**,open-type="contact"時有效

send-message-title

string

當前標題

會話內訊息卡片標題,open-type="contact"時有效

send-message-path

string

當前分享路徑

會話內訊息卡片點選跳轉小程式路徑,open-type="contact"時有效

send-message-img

string

截圖會話內訊息卡片,open-type="contact"時有效

show-message-card

boolean

false

是否顯示會話內訊息卡片,設定此引數為 true,使用者進入客服會話會在右下角顯示"可能要傳送的小程式"提示,使用者點選後可以快速傳送小程式訊息,open-type="contact"時有效

@getphonenumber

handler

獲取使用者手機號**

open-type="getphonenumber"

@getuserinfo

handler

使用者點選該按鈕時,會返回獲取到的使用者資訊,從返回引數的detail中獲取到的值同uni.getuserinfo

open-type="getuserinfo"

@error

handler

當使用開放能力時,發生錯誤的**

@opensetting

handler

在開啟授權設定頁並關閉後**

open-type="opensetting"

handler

頁面主操作 normal

頁面主操作 loading

頁面主操作 disabled

頁面次要操作 normal

頁面次要操作 disabled

警告類操作 normal

警告類操作 disabled

按鈕不可點選的按鈕

按鈕按鈕

按鈕按鈕

按鈕

2.checkbox:多項選擇器,內部由多個checkbox組成。

屬性說明

屬性名型別

預設值說明

value

string

標識,選中時觸發的 change 事件,並攜帶的 value。

disabled

boolean

false

是否禁用

checked

boolean

false

當前是否選中,可用來設定預設選中

color

color

checkbox的顏色,同css的color

預設樣式

選中

未選中

不同顏色和尺寸的checkbox

選中

未選中

推薦展示樣式

\n使用 uni-list 布局

表單元件定義

見 www.xaqyjc.com 基於新構思和 jquery 控制項而開發的平台,該功能模組用於 定義表單元件的屬性,表單元件包括文字輸入框 下拉列表選擇框 下拉日期選擇框 下拉日期時間選擇框等。介面左區域為表單元件樹,顯示所定義的表單元件類例項樹,有三種過濾形式 元件類 過濾項有 文字輸入框 下拉...

Python django from表單元件

from django.forms import form from django.forms import fields from django.forms import widgets from django.forms.models import modelchoicefield from d...

form表單 常用元件

action 後台介面位址。method 用來提交表單的http方法 get方法 引數傳遞較少,引數拼接在url後面,通過?來分割 post方法 引數傳遞較多 引數儲存在請求體中 較為安全 enctype編碼格式 input 屬性type,name,value,checked,disabled ty...