如何为 Zend 表单设置 css？答案

【问题标题】：how to set css for Zend form?如何为 Zend 表单设置 css？
【发布时间】：2011-06-22 14:58:11
【问题描述】：

我是 Zend 框架的新手，我在 PHP 中创建了一个登录表单，我想设置它的 css 样式，但我不知道如何设置。

请提供一些代码或链接.....

提前致谢

【问题讨论】：

【解决方案1】：

当您创建表单元素时，您必须为它们命名：

$form->addElement('text', 'username');
$form->addElement('password', 'password');
$form->addElement('submit', 'submit');

这些成为元素的 id。您可以像使用任何其他元素一样使用 CSS 选择器来定位这些元素：

input#username,
input#password
{
    width:200px
}
input#username
{
    background-color:yellow;
}

您还可以为表单命名。

另一种方法是给你的表单元素类：

$element->setAttrib('class', 'username');

随着您对 ZF 的经验越来越丰富，您可能想开始查看 form element decorators。这些允许您在表单元素周围显示错误消息、标签和额外的 div 或任何内容。

【讨论】：

【解决方案2】：

我建议不要对表单中的样式过于具体。您会注意到大多数内置装饰器都是相当基本的标记。一旦开始混入 css 类，您的表单就会变得过于繁重的视图层，这使得它们难以重用。例如在移动与完整浏览器上下文中。

相反，在 div 中回显您的表单并使用 css 设置子元素的样式。

<div class="login-form">
    <?php echo $form ?>
</div>

div.login-form input[type=text] { width: 200px; }

【讨论】：