如何爲Zend表單設置css？

Question

我是新來的Zend框架，我創建了一個PHP登錄表單，我想設置其CSS樣式，但我不知道如何設置它。

請推薦一些代碼或鏈接.....

由於提前

Answer 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或任何圍繞您的表單元素。

Answer 2

我會建議您不要在形式上過於具體的造型。你會注意到大部分內置裝飾器都是相當基本的標記。一旦你開始在css類中混合，你的表單就變得太過於視圖層，並且很難重用。例如，在移動設備與完整的瀏覽器環境中。

取而代之的是，在div中回顯您的表單並使用css來設置子元素的樣式。

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

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