In dit voorbeeld maken we een deel-formulier bestaande uit 1 stap, waarbij de straatnaam en stad automatisch worden ingevuld zodra de postcode en huisnummer zijn ingevuld.
In dit voorbeeld gaan we er van uit dat u een :ref:`eenvoudig formulier <example_simple_form>` kan maken.
Note
U kunt dit voorbeeld downloaden en :ref:`importeren <manual_export_import>` in Open Formulieren.
Download: :download:`autofill_address_2.zip <_assets/autofill_address_2.zip>`
Voor dit formulier is bepaalde configuratie nodig. Hieronder staan de onderdelen die geconfigureerd moeten zijn:
- :ref:`BAG configuratie <configuration_prefill_bag>`: Voor het opzoeken van adressen.
Maak een formulier aan met de volgende gegevens:
- Naam: Adres demo
Klik op het tabblad Stappen en velden.
Klik aan de linkerkant op Stap toevoegen en selecteer Maak een nieuwe formulierdefinitie.
Onder de sectie (Herbruikbare) stapgegevens vul het volgende in:
- Naam: Adresgegevens
Scroll naar de sectie Velden.
Sleep een Postcode Field component op het witte vlak, vul de volgende gegevens in en druk daarna op Opslaan:
- Label: Postcode
Sleep een Tekstveld component op het witte vlak, vul de volgende gegevens in en druk daarna op Opslaan:
- Label: Huisnummer
Sleep een Tekstveld component op het witte vlak, vul de volgende gegevens in en druk daarna op Opslaan:
- Label: Straat
Onder de Location tab:
- Straatnaam afleiden: Aangevinkt
- Postcodecomponent:
Postcode (postcode)
- Huisnummercomponent:
Huisnummer (huisnummer)
Sleep een Tekstveld component op het witte vlak, vul de volgende gegevens in en druk daarna op Opslaan:
- Label: Stad
Onder de Location tab:
- Stad afleiden: Aangevinkt
- Postcodecomponent:
Postcode (postcode)
- Huisnummercomponent:
Huisnummer (huisnummer)
Klik onderaan op Opslaan om het formulier volledig op te slaan.
U kunt nu het formulier bekijken.