2011-06-22 18 views
5

Yeni Zend framework'üm ve PHP'de bir giriş formu oluşturdum ve onun css stilini ayarlamak istiyorum ancak nasıl ayarlayacağımı bilmiyorum. Eğer form öğeleri oluştururkenZend formu için css nasıl ayarlanır?

bazı kodlar veya link öneriniz lütfen ..... Advance

cevap

6

yılında

teşekkürler onlara isimler vermek zorunda:

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

Bunlar haline elemanların kimlikleri. Bu öğeleri, diğer öğeler gibi CSS seçicilerini kullanarak hedefleyebilirsiniz:

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

Ayrıca formu bir ad da verebilirsiniz.

başka yöntem, form elemanları sınıfları vermektir: Eğer ZF ile daha deneyimli hale geldikçe

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

Eğer form element decorators bakarak başlamak isteyebilirsiniz. Bunlar, hata mesajlarını, etiketleri ve ekstra div'ları veya form öğelerinizde ne olursa olsun göstermenize izin verir.

3

Formlarınızda şekillendirmeyle çok spesifik olmanızı öneriyorum. Yerleşik dekoratörlerin çoğunun oldukça basit bir işaretleme olduğunu fark edeceksiniz. Css sınıflarında karıştırmaya başladığınızda, formlarınız çok fazla görüntü katmanı haline gelir ve yeniden kullanılmasını zorlaştırır. Örneğin, bir mobil ve tam tarayıcı bağlamında. Bunun yerine, formunuzu bir divun içinde yanyana getirin ve çocuk elemanlarını stillemek için css kullanın.

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

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