Een invulbare PDF Forms met niets anders dan tekstvelden en selectievakjes is functioneel maar statisch. Door interactieve knoppen toe te voegen, wordt een plat formulier getransformeerd in een navigeerbaar, responsief document dat gebruikers door secties leidt, automatisch berekeningen uitvoert en voltooide gegevens met een enkele klik verzendt, in plaats van dat de gebruiker het bestand handmatig moet opslaan en e-mailen. Knoppen kunnen alle formuliervelden terugzetten naar hun standaardwaarden, het voltooide document afdrukken, de gebruiker navigeren tussen secties van een formulier met meerdere pagina's, aangepaste berekeningen activeren en formuliergegevens naar een webserver of e-mailadres sturen. Voor het toevoegen ervan is een PDF-editor vereist die de volledige Acrobat Forms-specificatie ondersteunt, omdat basiseditors het maken van formulieren vaak beperken tot alleen tekstvelden en selectievakjes.
De juiste PDF-editor kiezen voor het maken van knoppen
Niet elke PDF-editor ondersteunt de volledige set knopacties die in de PDF-specificatie zijn gedefinieerd. Adobe Acrobat Pro biedt de meest uitgebreide knoppenset, inclusief JavaScript-triggers voor geavanceerd gedrag zoals veldvalidatie en voorwaardelijke zichtbaarheid. Browsergebaseerde PDF-editors zijn op dit gebied aanzienlijk verbeterd, waarbij verschillende nu het invoegen van knoppen aanbieden als onderdeel van hun toolkits voor het bouwen van formulieren, naast de standaard tekst- en selectievakjesvelden. Wanneer u een tool selecteert, controleer dan of deze specifiek het knopveldtype ondersteunt, en niet alleen tekstvelden en selectievakjes. Een formuliertool die alleen tekstinvoervelden en basisannotatietools biedt, kan geen functionele interactieve knoppen maken.
Voor een browsergebaseerd alternatief waarvoor geen software-installatie vereist is, bevatten platforms zoals WukongPDF formulierveldtools die de meest voorkomende knopacties omvatten, zoals paginanavigatie, formulierverzending en veldreset. Het voordeel van een browsergebaseerde tool is onmiddellijke toegankelijkheid op verschillende apparaten, zonder installatie- of licentieoverhead. Desktoptoepassingen blijven de voorkeur genieten voor complexe JavaScript-gestuurde knoppen die gebruikersinvoer over meerdere velden valideren of voorwaardelijke logica uitvoeren op basis van formulierwaarden, aangezien deze geavanceerde scripts de volledige Acrobat JavaScript API vereisen.
Navigatieknoppen tussen pagina's toevoegen
Navigatieknoppen zijn het meest praktische en breed ondersteunde type Interactieve PDF-knop voor formulieren met meerdere pagina's. Een knop Ga naar volgende pagina en een knop Ga naar vorige pagina voorkomen dat gebruikers handmatig door een lang formulier moeten scrollen of swipen, wat vooral handig is op mobiele apparaten waarop de PDF-viewerinterface al een aanzienlijk schermruimte in beslag neemt. Om een navigatieknop toe te voegen, opent u de formuliereditor, selecteert u het gereedschap Knop in de werkbalk van het formulierveld en tekent u een rechthoek waar de knop op de pagina moet verschijnen. Zoek in het dialoogvenster met knopeigenschappen het tabblad Acties, voeg een nieuwe actietrigger toe aan Muis omhoog en selecteer Een menu-item uitvoeren of JavaScript uitvoeren, afhankelijk van wat de editor ondersteunt. Voor een knop voor volgende pagina is de eenvoudigste JavaScript-actie de enkele instructie this.pageNum++, die het huidige paginanummer verhoogt.
Label de knop met duidelijke, actiegerichte tekst. Een label als Volgende pagina of een universeel herkenbaar pijltje naar rechts geeft gebruikers een onmiddellijke, ondubbelzinnige verwachting van wat er zal gebeuren als ze klikken. Stel het uiterlijk van de knop in op het tabblad Opties in het eigenschappendialoogvenster. Kies een achtergrondkleur die zichtbaar contrasteert met de pagina-inhoud, voeg een duidelijke rand toe om het klikbare gebied te definiëren en stel de lettergrootte groot genoeg in voor comfortabel lezen en tikken op het scherm van een mobiele telefoon. Een knop moet op een standaardpagina van Letter-formaat minimaal 100 pixels breed en 40 pixels hoog zijn om een comfortabel aanraakdoel te bieden.
Een knop Verzenden voor formuliergegevens maken
Een knop Verzenden stuurt de ingevulde formuliergegevens naar een geconfigureerde bestemming, waardoor de lus wordt gesloten tussen de gebruiker die het formulier invult en de gegevens aankomen op de plaats waar ze naartoe moeten. Op het tabblad Acties van de knopeigenschappen kiest u Een formulier indienen in de vervolgkeuzelijst Actietype. Configureer vervolgens de indienings-URL. Voor e-mailbezorging van het ingevulde formulier voert u mailto:address@example.com in als URL. De standaard e-mailclient van de gebruiker wordt geopend met de formuliergegevens als bijlage. Voor verwerking aan de serverzijde voert u de volledige HTTPS-eindpunt-URL in die de payload van de formuliergegevens zal ontvangen en parseren volgens uw backend-configuratie.
De instelling voor het exportformaat bepaalt hoe de ingediende gegevens zijn gestructureerd en hoe de ontvanger ermee omgaat. FDF (Forms Data Format) verzendt alleen de veldnamen en hun huidige waarden, waardoor een compacte payload ontstaat die de ontvanger terug kan importeren in de oorspronkelijke lege formuliersjabloon om de ingevulde gegevens in context te bekijken. XFDF is de op XML gebaseerde versie van hetzelfde concept, die gemakkelijker door geautomatiseerde systemen kan worden geparseerd. HTML exporteert de gegevens als eenvoudige naam-waardeparen die zonder speciale hulpmiddelen in elke browser kunnen worden gelezen. PDF exporteert een volledige gevulde kopie van het document, waarbij alle velden zijn ingevuld. Kies het formaat op basis van hoe de ontvanger de inzending zal verwerken. Voor geautomatiseerde opname in databases of CRM-systemen is HTML of XFDF doorgaans het gemakkelijkst programmatisch te parseren. Voor menselijke ontvangers die het ingevulde formulier willen zien, is het verzenden van de volledige PDF de meest praktische en op zichzelf staande optie.
Een resetknop bouwen om alle velden te wissen
Met een resetknop wordt elk formulierveld in één handeling teruggezet naar de standaard- of lege status, zodat gebruikers helemaal opnieuw kunnen beginnen zonder handmatig tekst uit elk afzonderlijk veld te selecteren en te verwijderen. Kies op het tabblad Acties de optie Een formulier opnieuw instellen in de lijst met actietypen. Er verschijnt een dialoogvenster waarin elk formulierveld in het document wordt vermeld. Vink de vakjes aan naast de velden die moeten worden gereset wanneer op de knop wordt geklikt. Normaal gesproken selecteert u alle door de gebruiker invulbare velden, maar er zijn legitieme gevallen waarin bepaalde velden na een reset blijven bestaan. Een datumstempelveld, een vooraf ingevulde bedrijfsnaam of een documentreferentienummer mogen niet worden gewist wanneer de gebruiker zijn persoonlijke gegevens opnieuw instelt.
De knop Opnieuw instellen moet visueel onderscheiden zijn van de knop Verzenden om kostbare, onbedoelde klikken te voorkomen. Gebruik een neutrale kleur met weinig nadruk, zoals lichtgrijs of wit, met een dunne rand voor Reset, en reserveer een opvallende kleur met hoog contrast, zoals blauw of groen voor Indienen. Plaats de knop Opnieuw instellen links van Verzenden, volgens de gevestigde web- en applicatieconventie dat primaire voorwaartse acties aan de rechterkant verschijnen en secundaire of destructieve acties aan de linkerkant. Deze ruimtelijke indeling verkleint aanzienlijk de kans dat een gebruiker op Opnieuw instellen klikt terwijl hij van plan was op Verzenden te klikken nadat hij tien minuten had besteed aan het invullen van een gedetailleerd formulier.
Knoppen testen in verschillende PDF-viewers
Een knop die perfect werkt in Adobe Acrobat doet misschien helemaal niets in een browsergebaseerde PDF-viewer, een mobiele PDF-app of de Preview-applicatie op Mac. Elke viewer implementeert de interactieve PDF-specificatie anders, en sommige viewers negeren eenvoudigweg bepaalde actietypen volledig om veiligheids- of compatibiliteitsredenen. Nadat u uw Interactieve PDF-formulier met knoppen hebt gebouwd, test u elke knop in ten minste drie verschillende omgevingen: Adobe Acrobat Reader op een desktopcomputer, de standaard PDF-viewer in de browser in Chrome of Edge, en een mobiele PDF-app zoals Apple Books of Adobe Acrobat Reader voor iOS of Android.
In de onderstaande tabel wordt samengevat welke knopacties worden ondersteund in de algemene PDF-weergaveomgevingen:
| Knopactie | Acrobat Desktop | Chroom/rand | Mobiele apps |
|---|---|---|---|
| Paginanavigatie | Volledige ondersteuning | Volledige ondersteuning | Gedeeltelijk |
| Formuliergegevens indienen | Volledige ondersteuning | Gedeeltelijk | Beperkt |
| Formuliervelden opnieuw instellen | Volledige ondersteuning | Volledige ondersteuning | Volledige ondersteuning |
| Document afdrukken | Volledige ondersteuning | Gedeeltelijk | Beperkt |
Voor knoppen waarvoor JavaScript-uitvoering vereist is, moet u er rekening mee houden dat de meeste browsergebaseerde PDF-viewers JavaScript volledig uitschakelen als veiligheidsmaatregel. Als uw formulier afhankelijk is van JavaScript-knoppen voor veldvalidatie of complexe berekeningen, plaats dan een zichtbare notitie bovenaan het formulier waarin gebruikers worden geïnstrueerd het document in Adobe Acrobat Reader te openen voor volledige interactieve functionaliteit.
Een afdrukknop toevoegen voor het bijhouden van papieren documenten
Een knop Afdrukken die direct in het formulier is ingebouwd, activeert het afdrukdialoogvenster van het systeem, wat handig is voor formulieren waarvoor na digitale voltooiing een fysieke handtekening of papieren kopie nodig is. Het actietype is Een menu-item uitvoeren, en het specifieke menu-item dat u moet selecteren is Bestand gevolgd door Afdrukken. Dit is een ingebouwde Acrobat-actie waarvoor geen JavaScript-codering vereist is, waardoor deze compatibel is met alle belangrijke PDF-viewers die het actietype Menu-uitvoering ondersteunen.
Plaats de knop Afdrukken uit de buurt van de primaire knoppen Verzenden en Opnieuw instellen om verwarring te voorkomen. Een algemene lay-out plaatst Afdrukken in het koptekstgebied van de eerste pagina of in een werkbalkrij bovenaan, terwijl Verzenden en Opnieuw instellen het voettekstgebied van de laatste pagina beslaan. Deze fysieke scheiding maakt het specifieke doel van elke knop duidelijk door middel van een ruimtelijk ontwerp in plaats van uitsluitend te vertrouwen op het tekstlabel.
Tooltips en muisaanwijzer toevoegen aan formulierknoppen
Een tooltip biedt een korte beschrijving die verschijnt wanneer de gebruiker de cursor over een knop beweegt. Deze kleine toevoeging verbetert de bruikbaarheid van formulieren aanzienlijk, vooral voor knoppen met labels die alleen uit pictogrammen bestaan of in formulieren die worden verspreid onder gebruikers die mogelijk niet bekend zijn met de interactieve PDF-functies. Ga in het dialoogvenster met knopeigenschappen naar het tabblad Algemeen en zoek naar het veld Knopinfo. Voer een korte, actiegerichte beschrijving in, zoals Klik om uw ingevulde formulier te verzenden of Ga naar het volgende gedeelte van de aanvraag. Zorg ervoor dat de knopinfo niet langer is dan 60 tekens, zodat deze op de meeste schermen volledig wordt weergegeven, zonder afkapping.
Het testen van tooltips voor kijkers is net zo belangrijk als het testen van de knopacties zelf. Sommige mobiele PDF-viewers ondersteunen helemaal geen zweeftoestanden, aangezien touchscreens geen zweefequivalent hebben. Voor formulieren die voornamelijk onder mobiele gebruikers worden verspreid, kunt u een zichtbaar tekstlabel direct op of naast de knop plaatsen, in plaats van te vertrouwen op knopinfo die gebruikers nooit zullen zien als ze worden aangeraakt. Een gecombineerde aanpak, met zowel een zichtbaar label als een tooltip, zorgt voor de beste ervaring in zowel desktop- als mobiele omgevingen.