PDF-Formulare

string(20) "Zum Kopieren klicken"

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 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 Option createPdfFormsFromHtml auf true. Diese Option legt fest, dass das HTML-Formular in ein bearbeitbares PDF-Formular umgewandelt werden soll.

Als Nächstes rendern Sie den HTML-Inhalt mithilfe der Methode PdfDocument.fromHtml in ein PDF-Dokument. Übergeben Sie die angegebenen Rendering-Optionen als Objektparameter.

Zum Schluss exportieren Sie das bearbeitbare Formularfeld-PDF als neue PDF-Datei mit dem Namen "formField.pdf" mithilfe der Methode saveAs.

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