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");
})();

npm i @ironsoftware/ironpdf

npm i @ironsoftware/ironpdf

PDF-Formulare

HTML mit Formularfeldern kann auch in PDF gerendert werden, wobei die Formularfeldinformationen und -funktionen 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. Mithilfe dieser Formularelemente können Benutzer Daten eingeben und Auswahlen treffen.

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

Erstellen Sie als Nächstes das HTML-Inhalt in ein PDF-Dokument mit der PdfDocument.fromHtml Methode. Übergeben Sie die angegebenen Rendering-Optionen als Objektparameter.

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

Um mehr über die Generierung von PDF-Formularen aus HTML-Inhalten zu erfahren, 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>

<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>

HTML

Auf GitHub ansehen