常用標籤元件

2022-07-12 19:39:12 字數 1029 閱讀 4408

1.搜尋框   searchbar 搜尋框 - 支付寶開放平台 (alipay.com)

<

search-bar

/> //需要的屬性都有:點選、回車、檢測鍵盤輸入、清除圖示、取消按鈕

2.  image - 支付寶開放平台 (alipay.com)

<

image

/> //mode可直接設定大小適配,省去css

3. a:if基本都可以用,顯示隱藏,true和false

4.常用彈出篩選選單    popup 彈出選單 - 支付寶開放平台 (alipay.com)

<

popup

>

popup

>

//show屬性:隱藏顯示;postion屬性:top、bottom、left、right**彈出;onclose屬性:事件;zindex屬性:層級

5.form表單    form 表單 - 支付寶開放平台 (alipay.com)

<

form

onsubmit

="onsubmit"

onreset

="onreset"

>

<

button

type

="ghost"

size

="mini"

formtype

="reset"

>重置

button

>

<

button

type

="primary"

size

="mini"

formtype

="submit"

>提交

button

>

form

>

//表單內標籤加name屬性獲取標籤的值

//只能取表單元件的值

//表單提交重置formtype屬性繫結

常用的GUI元件 標籤

標籤 label 通常是乙個用來標識另外乙個元件的含義。可以在標籤上顯示文字 影象和文字影象的組合。建立乙個只顯示文字的標籤有兩種方法 1 直接在生成標籤時定義名字 jlabel label name new jlabel 標籤內容 2 也可以在標籤物件生成後,呼叫settext 方法來在標籤上顯示...

Reac裡面封裝單標籤元件和雙標籤元件

雙標籤封裝通過this.props.children來獲取標籤內的元素,主要目的就是能巢狀標籤 封裝好的元件 cm.js import react,from react constructor props render 111 index.js元件呼叫cm元件 import react,from r...

Bootstrap元件之well 標籤

把 well 用在元素上,能有嵌入 inset 的的簡單效果。well 指定div為well元件 well sm well lg 指定well適用的螢幕解析度 一輩子很長,要跟有趣的人共度一生 一輩子很長,要跟有趣的人共度一生 一輩子很長,要跟有趣的人共度一生 label 設定span元素為標籤元件...