从HTML生成带有表单字段的PDF显示总是多行下拉列表

问题描述 投票：-1回答：1

我使用的是mPDF 7.x版，我需要生成具有可填写表格的PDF。一切正常，只有一件事-下拉菜单（SELECT）始终显示为“多行”-我无法使用下拉菜单创建文档，如下所示：https://osuch.com/formtools/exp/mpdfexp/project_mpdf/pdfb04_basic_active_form.php

我的代码：

<?php

require_once 'vendor/autoload.php';

        $mpdf= new \Mpdf\Mpdf();

        //==============================================================

        $html = '
        <style>
        body
        {
            padding-bottom:0px;
            margin-bottom:0px;
            margin-top:0px;
            padding-top:0px;
        }
        h2
        {

            padding-bottom:0px;
            margin-bottom:0px;
            margin-top:5px;
            padding-top:0px;
            font-family: Arial;
            font-size:200%;
            color:green;
        }
        p
        {

            padding-bottom:0px;
            margin-bottom:5px;
            margin-top:10px;
            padding-top:5px;
            font-family: Arial;
            font-size:100%;
            font-weight:normal;

        }
        .inp
        {

            padding-bottom:0px;
            margin-bottom:0px;
            margin-top:5px;
            padding-top:0px;
            font-family: Arial;
            font-size:100%;
            width:100%;
            border-bottom:1px solid #000000;
            background-color:#dedede;
        }
        fieldset
        {

            padding-bottom:0px;
            margin-bottom:0px;
            margin-top:5px;
            padding-top:0px;
            border: 1px solid #000000;
            padding:10px;
            font-family: Arial;
            font-size:150%;
            font-weight:bold;
            margin-top:10px;
        }

        textarea
        {
            font-family: Arial;
            font-size:100%;
            border:2px solid #000000;
            background-color: #dadada;
            background-color:#dedede;
        }

        </style>

        <body>
        <h2>Basic PDF Active Form</h2>
        <form action="#" method="post">
        <fieldset>Personal Information
        <p>Name:</p>
        <div class="inp"><input type="text" size="200" name="inputname" value="" title="Enter your name"/> </div>
        <p>Company:</p>
        <div class="inp"><input type="text" size="200" name="inputco" value="" title="Company name"/> </div>
        <p>Email:</p>
        <div class="inp"><input type="text" size="200" name="inputemail" value="" title="Email address"/> </div>
        <p>Mobile:</p>
        <div class="inp"><input type="text" size="200" name="inputmobile" value="" title="Mobile telephone number"/> </div>
        </fieldset>

        <fieldset>Additional Information

        <p>How many languages do you speak?</p> 

        <input type="radio" name="num_languages" value="1" checked="checked" > One      
        <input type="radio" name="num_languages" value="2" > Two      
        <input type="radio" name="num_languages" value="3" > Three      
        <input type="radio" name="num_languages" value="4" > Four      
        <input type="radio" name="num_languages" value="5" > Five +      

        <br /><br />


        <input type="checkbox" name="email" value="email_subscrbe" checked="checked" /> Please send me regular information by e-mail<br>
        <input type="checkbox" name="subscribe" value="newsletter_subscribe" /> Please subscribe me to the Newsletter

           <p>Seminar Information</p> 
          <label for="reg_seminar">Seminar</label>
          <select size="1" name="reg_seminar" id="reg_seminar">
            <option value="Guitar for Beginners" >Guitar for Beginners</option>
            <option value="JavaScript Today" >JavaScript Today</option>
            <option value="Time is on our side" >Time is on our side</option>
          </select>

          <label for="reg_location">Location</label>
          <select size="0" name="reg_location" id="reg_location">
            <option value="New York" >New York</option>
            <option value="Paris" >Paris</option>
            <option value="Munich" >Munich</option>
            <option value="Gartmorn" >Gartmorn</option>
          </select>

          <p>Payment Type</p>
           <label><input type="radio" name="regpay" id="reg_payment01" value="Voucher" >
        Voucher</label>

           <label><input type="radio" name="regpay" id="reg_payment02" value="Cash" >
         Cash</label>

           <label><input type="radio" name="regpay" id="reg_payment03" value="CreditCard" >
         Credit Card</label>

           <label><input type="radio" name="regpay" id="reg_payment04" value="BitCoin" >
         BitCoin</label>

          <p>Comments:</p>
        <textarea name="textareafield"  rows="4" cols="80" wrap="virtual"></textarea>
          </fieldset>

        </form>
        ';
        //==============================================================
    $mpdf->useActiveForms = true;
    /*
        $mpdf->formUseZapD = false;
        $mpdf->form_border_color = '0.6 0.6 0.72';
        $mpdf->form_button_border_width = '2';
        $mpdf->form_button_border_style = 'S';
        $mpdf->form_radio_color = '0.0 0.0 0.4';    // radio and checkbox
    $mpdf->form_radio_background_color = '0.9 0.9 0.9';
     */
        $mpdf->WriteHTML($html);
        // OUTPUT
        $mpdf->Output('test.pdf'); exit;

        //==============================================================
?>

我的输出：

my PDF does not reflect any CSS formatting, size attribute, nothing

mpdf由作曲家加载，最新版本。该代码取自与mpdf一起分发的样本。“缺少” HTML，HEADER标记对结果无效。

我的输出PDF不反映任何CSS格式，“ size”属性，样式，什么都没有。

以前有人遇到过此问题吗？ （并找到了解决方案？）

任何建议将不胜感激。

php html css mpdf
1个回答
0
投票

得到它:)似乎我不是第一个也是唯一遇到相同问题的人。这是帮助我解决问题的解决方案（变通方法）：https://github.com/mpdf/mpdf/issues/852#issuecomment-546851163

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.