xxxxxxxxxx
import { Form, Field } from '@leveluptuts/fresh'
const defaultValues = {
name: 'Brooklyn Boo',
email: 'scott@test.com',
}
const CoolApp = () => {
return (
<Form formId="defaults" onSubmit={onSubmit} defaultValues={defaultValues}>
<Field>Name</Field>
<Form
formId="nestedForm"
onSubmit={onSubmit}
defaultValues={defaultValues}
>
<Field>Name</Field>
</Form>
</Form>
)
}
The HTML5 input form attribute can be the solution.
xxxxxxxxxx
<form id="Form1" action="Action1.php" method="post"></form>
<form id="Form2" action="Action2.php" method="post"></form>
<input type="text" name="input_Form1_n1" form="Form1" />
<input type="text" name="input_Form2_n1" form="Form2" />
<input type="text" name="input_Form1_n2" form="Form1" />
<input type="text" name="input_Form2_n2" form="Form2" />
<input type="submit" name="button1" value="buttonVal1" form="Form1" />
<input type="submit" name="button2" value="buttonVal2" form="Form2" />