#Handler

#Description

The Form.Handler component provides both the Form.Element and a HTML form element.

• It ensures, users can press enter key while focusing on an input field.
• It calls preventDefault by default.

import '@dnb/eufemia/extensions/forms/style'
import { Form } from '@dnb/eufemia/extensions/forms'
render(
  <Form.Handler
    data={existingData}
    onChange={...}
    onSubmit={...}
  >
    Your Form
  </Form.Handler>,
)

#Autocomplete and autofill

You can set autoComplete on the Form.Hander – each Field.String-field will then get autoComplete="on":

<Form.Hander autoComplete={true}>
  <Field.String path="/firstName" />
  <Field.String path="/lastName" />
</Form.Hander>

The path property will be used to set the name attribute, which lets browser know which autocomplete value should be proposed to the user.