如何为Zend表单设置css？

Question

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

请建议一些代码或链接.....

先谢谢

Answer 1

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

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

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

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

您也可以为表单命名。

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

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

随着您对ZF的熟悉，您可能需要开始关注form element decorators。这些允许您显示错误消息，标签和额外的div或表单元素周围的任何内容。

Answer 2

我建议不要在表单中使用样式太具体。您会注意到大多数内置装饰器都是相当基本的标记。一旦你开始在css类中混合，你的表单就会变得过于层次化，并且很难重用它们。例如，在移动设备与完整浏览器环境中。

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

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

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