form
表单容器,支持容器内input元素的内容提交和重置。
说明: 从 API Version 6 开始支持。
权限列表
无
子组件
支持。
属性
支持通用属性。
样式
支持组件通用样式。
事件
处支持通用事件外,还支持如下事件:
表 1 FormResult
方法
支持通用方法。
示例
<!-- xxx.hml -->
<form onsubmit='onSubmit' onreset='onReset'>
<label>选项一</label>
<input type='radio' name='radioGroup' value='radio1'></input>
<label>选项二</label>
<input type='radio' name='radioGroup' value='radio2'></input>
<text>输入文本</text>
<input type='text' name='user'></input>
<input type='submit'>Submit</input>
<input type='reset'>Reset</input>
</form>
// xxx.js
export default{
onSubmit(result) {
console.log(result.value.radioGroup) // radio1 or radio2
console.log(result.value.user) // text input value
},
onReset() {
console.log('reset all value')
}
}