Form表單的其他元件

2021-10-04 06:41:54 字數 1651 閱讀 9987

form表單的其他元件

fieldset 元件/標籤

1.disabled （禁用filedset元素）

disabled屬性修飾的控制項資料不進行提交


測試disabled：
2.name （fieldset元素的名稱）

fieldset的標題由標籤提供


例如：必填項


使用者名稱：


密碼：
button 表單元件

1.type （指定控制項型別 )

button，submit，reset
2.name (按鈕名稱)

例如：普通按鈕
label 表單元件

for (與為設定標題的表單元件的id值一致 )

例如：使用者名稱：
select 表單元件/下拉列表

multiple   指定控制項型別 布林型別的值，表示是否允許多選


size       顯示的行數，預設值為0


disabled   表示禁用元件，禁用元件的值也不能被提交


name       指定該元件的名字，會與其option子元素的value值組成鍵值對隨其他表單資料一齊被提交
option 表單元件

option表選項，常包含在 , 中
1.disabled 表示禁用元件，禁用元件的值不能被提交

2.value 定義控制項的初始值。提交表單時，初始值會被提交給伺服器。

3.selected 表示該選項預設被選中

例如：


請選擇江蘇省山西省


湖北省
optgroup 表單元件

optgroup表包含option的選項組，常包含在 中
1.disabled 表示禁用元件，禁用元件的值不能被提交

2.label 表示選項組的名稱

例如：


買車買房買包


游泳跑步瑜伽
textarea 多行文字框

無value屬性，其值被包含在標籤內 


rows       文字框的行數


cols       文字框的列數 


wrap       是否自動換行 


off    不自動換行 


hard   自動硬回車換行，換行元素一同被傳送到伺服器中


soft   自動軟回車換行，換行元素不會傳到伺服器中


disabled   禁用元件，禁用元件的值也不能被提交 


readonly   該元件唯讀，其值依然會被提交


name       指定該元件的名字，會隨著其值一同被提交到後台


例如：    個人簡介：

form表單 常用元件

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

form 表單元件說明

1 將form元件內的使用者輸入的 提交。2 當點選 表單中 formtype 為 submit 的 元件時，會將表單元件中的 value 值進行提交 3 表單元件內的元件，通過name 來作為 key。原型 form report submit boolean bindsubmit eventha...

父子元件通訊並操作form表單

操作 父元件 說明 父元件向子元件傳遞乙個函式，子元件通過呼叫該函式，向父元件傳遞它 子元件 的form表單 子元件 const updateform props 說明 1.form例項通過form.useform 進行初始化 2.props引數中有父元件傳遞過來的setform 函式，form例項...