taro-s4s/docs/components/forms/form.md

Nerv-multi多端开发解决方案

##### Form
##### 表单，将组件内的用户输入的值提交。当点击 表单中 formType 为 submit 的 button 组件时，会将表单组件中的 value 值进行提交，需要在表单组件中加上 name 来作为 key

> 属性及支持度

| 微信小程序 | H5 | ReactNative | 属性值 | 类型 | 说明 |
| :-: | :-: | :-: | :-: |:-: | :-: | :-: |
| √ | x | x | reportSubmit | Boolean | 是否返回 formId 用于发送模板消息 |
| √ | √ | √ | onSubmit | EventHandle | 携带 form 中的数据触发 submit 事件，event.detail = {value : {'name': 'value'}} |
| √ | √ | x | onReset | EventHandle | 表单重置时会触发 reset 事件 |


```jsx
import Taro, { Component } from '@tarojs/taro'
// 引入 Form 组件
import { View, Form } from '@tarojs/components'

class App extends Components {

    formSubmit = e => {
        console.log(e)
    }

    formReset = e => {
        console.log(e)
    }

	render () {
		return (
                    <Form onSubmit="formSubmit" onReset="formReset" >
                        <View className='example-body'>
                            <Switch name='switch' className="form-switch"></Switch>
                        </View>
                    </Form>
		)
	}
}
```