form怎麼加ion ionic 表單和輸入框

2021-10-12 15:31:07 字數 900 閱讀 4286

ionic 表單和輸入框

list 類同樣可以用於 input 元素。item-input 和 item 類指定了文字框及其標籤。

輸入框屬性:placeholder

以下例項中,預設為100%寬度(左右兩側沒有邊框),並使用 placeholder 屬性設定輸入字段預期值的提示資訊。

輸入框屬性:input-label

使用 input-label 將標籤放置於輸入框 input 的左側。

使用者名稱:

密碼:堆疊標籤

堆疊標籤通常位於輸入框的頭部。每個選項使用 item-stacked-label 類指定。

每個輸入框需要指定 input-label。以下例項也使用了 placeholder 屬性來設定資訊輸入提示。

first name

last name

email

浮動標籤

浮動標籤類似於堆疊標籤,但浮動標籤有乙個動畫的效果,每個選項需要指定 item-floating-label 類,輸入標籤需要指定 input-label。

first name

last name

email

內嵌表單

預設情況下每個輸入域寬度都是100%,但我們可以使用 list list-inset 或 card 類設定表單的內邊距(padding),

card 類帶有陰影。

內嵌輸入域

使用 list-inset 設定內嵌實體列表。

使用 item-input-inset 樣式可以內嵌乙個按鈕。

submit

帶圖示的輸入框

item-input 輸入框可以很簡單的新增圖示。

圖示可以在 前新增。

頭部輸入框

輸入框可放置在頭部,並可新增提交或取消按鈕。

取消

form表單的怎麼用?

action 屬性規定當提交表單時,向何處傳送表單資料。type 屬性規定 input 元素的型別。value 屬性為 input 元素設定值。對於不同的輸入型別,value 屬性的用法也不同 1.type button reset submit 定義按鈕上的顯示的文字 2.type text pa...

指標 1,怎麼加?

指標 1,是加乙個單元格還是加乙個位元組呢,先看乙個程式 include int main int p arr p p p 1 p 10 p p 20 printf d,d n arr 0 arr 1 return 0 這個程式通過編譯結果為 1 10,這個結果說明p 後,arr 1 的值被更換為1...

文字刪除線怎麼加

我們在編輯word文件的時候,有時看到一些想要修改的文字,想要把其刪除掉,為了達到與紙上劃掉文字一樣的效果,我們可以為這些檔案新增刪除線,下面就一起來看看操作的方法吧 新增文字刪除線的方法步驟 方法一 1.首先我們在電腦上用word開啟要編輯的檔案,然後選中想要新增刪除線的檔案 2.右鍵點選選中的檔...