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例項...