Php Zend Form不在位标签的值,如何将它们移动到文本框的正上方?
我有审美问题。Php Zend Form不在位标签的值,如何将它们移动到文本框的正上方?,php,css,zend-framework,zend-form,Php,Css,Zend Framework,Zend Form,我有审美问题。 Zend表单不在位标签值,如何将它们移动到文本框正上方,而不是从左侧 (我在这里没有设置过滤器和验证来简化代码) My Code Login.php表单: public function init() { $username = new Zend_Form_Element_Text('username'); $username->setLabel("username"); $password = new Zend_Form_Element_Password('p
Zend表单不在位标签值,如何将它们移动到文本框正上方,而不是从左侧 (我在这里没有设置过滤器和验证来简化代码) My Code Login.php表单:
public function init()
{
$username = new Zend_Form_Element_Text('username');
$username->setLabel("username");
$password = new Zend_Form_Element_Password('password');
$password->setLabel('password');
$this->addElements(array($username, $password));
}
您可以使用表单装饰器来调整此设置:您可以使用表单装饰器来调整此设置:在不更改装饰器的情况下,您还可以使用css来定位表单元素。 例如:
dl.zend dt, dd { min-height: 30px; }
dl.zend_form dt {
float: left;
clear: left;
text-align: right;
}
dl.zend_form dt label.required { font-weight: 600; }
dl.zend_form dd {
float: left;
clear: right;
padding-left: 5px;
}
dl.zend_form dd ul.errors {
list-style: none;
padding: 0;
margin: 0;
}
dl.zend_form dd ul.errors li {
float: left;
margin: 0 0.15em;
font-size: 12px;
color: #666666;
}
在不更改装饰器的情况下,您还可以使用css定位表单元素。 例如:
dl.zend dt, dd { min-height: 30px; }
dl.zend_form dt {
float: left;
clear: left;
text-align: right;
}
dl.zend_form dt label.required { font-weight: 600; }
dl.zend_form dd {
float: left;
clear: right;
padding-left: 5px;
}
dl.zend_form dd ul.errors {
list-style: none;
padding: 0;
margin: 0;
}
dl.zend_form dd ul.errors li {
float: left;
margin: 0 0.15em;
font-size: 12px;
color: #666666;
}