PDF 表单

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

带有表单字段的 HTML 也可以渲染成 PDF 格式，表单字段信息和功能保持不变。从 HTML 内容创建可编辑的 PDF 表单需要定义一个包含各种输入字段（如文本字段、单选按钮和复选框）的 HTML 表单。这些表单元素允许用户输入数据并进行选择。

为此，请将 createPdfFormsFromHtml 选项设置为 true。该选项指定 HTML 表单应转换为可编辑的 PDF 表单。

接下来，使用 PdfDocument.fromHtml 方法将 HTML 内容呈现为 PDF 文档。将指定的呈现选项作为对象参数传递。

最后，使用 saveAs 方法将可编辑表单字段 PDF 导出为名为 "formField.pdf "的新 PDF 文件。

要了解有关从 HTML 内容生成 PDF 表单的更多信息，请访问 IronPDF 产品页面，了解详细信息和示例。



<a href="https://github.com/iron-software/IronPdfNode.Examples/tree/main/examples/form-data" class="code_content__related-link__doc-cta-link">探索从 HTML 创建 PDF 表单的代码示例</a>。