как установить css для формы Zend?

Question

Я новичок в Zend Framework и создал форму входа в PHP и хочу установить ее стиль CSS, но я не знаю, как ее установить.

Пожалуйста, предложите какой-нибудь код или ссылку.....

Заранее спасибо

Answer 1

Когда вы создаете свои элементы формы, вы должны дать им имена:

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

Они становятся идентификаторами элементов.Вы можете настроить таргетинг на эти элементы с помощью селекторов CSS, как и любой другой элемент:

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

Вы также можете дать форме имя.

Другой метод - присвоить классам элементов формы:

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

По мере того, как вы становитесь более опытным с ZF, вы можете начать смотреть на декораторы элементов формы .Они позволяют вам отображать сообщения об ошибках, метки и дополнительные элементы div или что-либо еще вокруг элементов формы.

Answer 2

Я бы не рекомендовал слишком конкретизировать стили в ваших формах. Вы заметите, что большинство встроенных декораторов являются довольно простой разметкой. Как только вы начинаете смешивать в классах CSS, ваши формы становятся слишком тяжелыми для просмотра, и это затрудняет их повторное использование. Например, в мобильном или полном браузере.

Вместо этого выводите форму внутри div и используйте css для стилизации дочерних элементов.

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

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