react中form表單取值的方法

2021-10-01 18:17:08 字數 876 閱讀 6514

import react from 'react';

/*** 非約束性組(類似defaultvalue等屬性,不可以程式修改):

這個 defaultvalue 其實就是原生dom中的 value 屬性。

這樣寫出的來的元件,其value值就是使用者輸入的內容,react完全不管理輸入的過程。

約束性元件(可以修改屬性值):

這裡,value屬性不再是乙個寫死的值,他是 this.state.username, this.state.username 是由 this.handlechange 負責管理的。

這個時候實際上 input 的 value 根本不是使用者輸入的內容。而是onchange 事件觸發之後,由於 this.setstate 導致了一次重新渲染。

不過react會優化這個渲染過程。看上去有點類似雙向資料繫結

*/class home6 extends react.component,,],

info:''};}

/*** 獲取使用者名稱

* @param e

*/handelsubmit=(e)=>

handelname=(e)=>)

}/**

* 男女單項選擇

* @param e

*/change***=(e)=>)

}/**

* 獲取select中的城市

*/getcity=(e)=>)

}/**

* 注意:愛好有多個值

* @param e

*/changehobby(key))

}handleinfo=(e)=>)

}render()

for表單獲取值)}

}export default home6;

js 取值 賦值 form表單

表單元素。表單中的元素 表單控制項元素 選擇列表元素 選擇列表條目元素 文字區域元素 表單標記元素 window.onload function form action name registform method post onsubmit return verfication input typ...

js 取值 賦值 form表單

表單元素。表單中的元素 表單控制項元素 選擇列表元素 選擇列表條目元素 文字區域元素 表單標記元素 window.onload function form action name registform method post onsubmit return verfication input typ...

小程式中form 表單提交和取值方法

我們直接給 input 新增 bindinput,比如 可以在 onusernameinput 中直接使用 e.detail.value,即 onusernameinput function e 但是,如果有多個輸入控制項,我們不可能為每個控制項新增 bindinput bindchange 這類方...