PDF-Formulare

import {PdfDocument} from "@ironsoftware/ironpdf";

(async () => {
    // Define the HTML content with editable form fields
    const formHtml = `
        <html>
            <body>
                <h2>Editable PDF Form</h2>
                <form>
                    First name: <br> <input type='text' name='firstname' value=''> <br>
                    Last name: <br> <input type='text' name='lastname' value=''> <br>
                    <br>
                    <p>Please specify your gender:</p>
                    <input type='radio' id='female' name='gender' value='Female'>
                    <label for='female'>Female</label> <br>
                    <br>
                    <input type='radio' id='male' name='gender' value='Male'>
                    <label for='male'>Male</label> <br>
                    <br>
                    <input type='radio' id='non-binary/other' name='gender' value='Non-Binary / Other'>
                    <label for='non-binary/other'>Non-Binary / Other</label>
                    <br>
                    <p>Please select all medical conditions that apply:</p>
                    <input type='checkbox' id='condition1' name='Hypertension' value='Hypertension'>
                    <label for='condition1'> Hypertension</label><br>
                    <input type='checkbox' id='condition2' name='Heart Disease' value='Heart Disease'>
                    <label for='condition2'> Heart Disease</label><br>
                    <input type='checkbox' id='condition3' name='Stoke' value='Stoke'>
                    <label for='condition3'> Stoke</label><br>
                    <input type='checkbox' id='condition4' name='Diabetes' value='Diabetes'>
                    <label for='condition4'> Diabetes</label><br>
                    <input type='checkbox' id='condition5' name='Kidney Disease' value='Kidney Disease'>
                    <label for='condition5'> Kidney Disease</label><br>
                </form>
            </body>
        </html>
    `;

    // Configure render options
    const options = {
        createPdfFormsFromHtml: true,
    };

    // Render HTML content to a PDF with editable forms
    const pdf = await PdfDocument.fromHtml(formHtml, { renderOptions: options });

    // Save the new PDF
    await pdf.saveAs("formField.pdf");
})();

PDF-Formulare

HTML mit Formularfeldern kann auch in PDF gerendert werden, wobei die Informationen und Funktionen der Formularfelder erhalten bleiben. Die Erstellung eines bearbeitbaren PDF-Formulars aus HTML-Inhalten beinhaltet die Definition eines HTML-Formulars mit verschiedenen Eingabefeldern wie Textfeldern, Optionsfeldern und Kontrollkästchen. Diese Formularelemente ermöglichen es den Benutzern, Daten einzugeben und Auswahlen zu treffen.

Um dies zu erreichen, setzen Sie die Option createPdfFormsFromHtml auf true. Diese Option legt fest, dass das HTML-Formular in ein bearbeitbares PDF-Formular umgewandelt werden soll.

Anschließend wird der HTML-Inhalt mit der Methode PdfDocument.fromHtml in ein PDF-Dokument gerendert. Übergeben Sie die angegebenen Rendering-Optionen als Objektparameter.

Schließlich exportieren Sie das bearbeitbare Formularfeld-PDF als neue PDF-Datei mit dem Namen "formField.pdf" mit der Methode saveAs.

Wenn Sie mehr über die Generierung von PDF-Formularen aus HTML-Inhalten erfahren möchten, besuchen Sie die IronPDF-Produktseite für detaillierte Informationen und Beispiele.



<a href="https://github.com/iron-software/IronPdfNode.Examples/tree/main/examples/form-data" class="code_content__related-link__doc-cta-link">Explore Code Examples for Creating PDF Forms from HTML</a>