Form

Form container that collects values from child controls.

Examples

Name

Agree to terms

SubmitReset

Form submit

Submit collects values of all named controls

<m-form @submit="onFormSubmit">
  <m-input name="name" placeholder="Your name" />
  <m-switch name="agree" />
  <m-button type="primary" form-type="submit">Submit</m-button>
  <m-button form-type="reset">Reset</m-button>
</m-form>

<script setup>
function onFormSubmit(e) {
  console.log(e.detail.value) // { name: '...', agree: true }
}
</script>

Supported child components

Component	How it is collected
<m-input name>	value
<m-textarea name>	value
<m-switch name>	checked (boolean)
<m-slider name>	value (number)
<m-picker name>	selected value
<m-radio-group name>	selected radio value
<m-checkbox-group name>	selected value[]

API

Events

属性	说明	类型	默认值
submit	Form submit	{ value: Record<string, any> }	-
reset	Form reset	-	-