Modx css 问题没有在表单上拉入样式答案

【问题标题】：Modx css issue not pulling in styles on the formModx css 问题没有在表单上拉入样式
【发布时间】：2010-02-25 11:42:06
【问题描述】：

我正在使用 Modx cms 编辑网站。我正在尝试将联系表格添加到联系页面。我已经在模板中指定的侧边栏中有一个。联系页面表单上的代码指向相同的 div 标签，但它没有选择任何 css。

任何想法为什么会发生这种情况。我需要某种插件吗？

感谢您的所有帮助问候朱迪

<div class="enquiry-form-top">

                <h2>Enquiry Form</h2>

            </div>

           <div class="enquiry-form">

                <form class="enquiry" id="enquiry" action="mailer.php" method="post">

   <fieldset>

       <legend>Enquiry Form</legend>

       <div class="form-field">
    <label for="Name">Name:</label>
    <input type="text" id="Name" name="Name" value="">
       </div>

                        <input type="hidden" name="thankspage" value="thank-you.html">
                        <input type="hidden" name="subject" value="Enquiry Form">

       <div class="form-field">
    <label for="Address"> Address:</label>
    <input type="text" id="Address" name="Address" value="">
                            <input type="text" id="Address2" name="Address2" value="">
                            <input type="text" id="Address3" name="Address3" value="">
       </div>
    <div class="form-field">
    <label for="DOB">DOB:</label>
                            <input id="DOB" type="text" name="DOB" value="" />
       </div>

       <div class="form-field">
    <label for="Total-Fund-Size">Total Fund Size:</label>
    <input id="Total-Fund-Size" type="text" name="Total-Fund-Size" value="" />
       </div>

                        <div class="form-field">
    <label for="Number-Of-Funds">Number Of Funds:</label>
    <input id="Number-Of-Funds" type="text" name="Number-Of-Funds" value="" />
       </div>

                        <div class="form-field">
    <label for="Lump-Sum-Benefit">Has Lump Sum <br/>Benefit Been Taken:</label>
    <ul>
                                <li>Yes <input type="checkbox" name="Lump-Sum-Benefit" id="Lump-Sum-Benefit" value="Yes" /></li>
                                <li>No <input type="checkbox" name="Lump-Sum-Benefit" id="Lump-Sum-Benefit2" value="No" /></li>
                            </ul>
       </div>
                        <div class="form-field">
    <label for="Telephone-Number">Telephone Number:</label>
    <input type="text" id="Telephone-Number" name="Telephone-Number" value="">
       </div>

                        <div class="form-field">
    <label for="Best-Time-To-Contact">Best Time To Contact:</label>
    <input type="text" id="Best-Time-To-Contact" name="Best-Time-To-Contact" value="">
       </div>

                        <div class="form-field">
    <label for="Email">Email:</label>
    <input type="text" id="Email" name="Email" value="">
       </div>

                        <div class="form-field">
                           <img src="CaptchaSecurityImages.php" alt="">
                           <label for="security_code"> Security Code: </label>
                           <input type="text" id="security_code" name="security_code">
                        </div>

       <div class="form-buttons">
    <input type="image" name="Submit" value="Submit" src="images/annuity/submit_button.gif">
       </div>

   </fieldset>

      </form>

【问题讨论】：

联系表格，我想知道你为什么不使用电子表格

标签： php forms plugins contact modx

【解决方案1】：

我没有想到会发生这种情况的原因，而且您不需要任何插件。

一旦页面被渲染，它当然只是 HTML，无论它是用 modx 还是任何其他系统制作的都没有关系。

您能否使用Firebug 调查页面并确保样式表正在加载？

也许正在工作的表单包含在一个带有类的 div 中，并且所有样式都在样式表中设置如下（即包含 div 的子项） .enclosurediv .form-field 这可以解释为什么您的表单没有选择样式。

您还应该查看 eform（Package、wiki），它非常适合用于简单的联系表单。

【讨论】：