2012-06-09 57 views
0

我是cakephp 1.3的新手。我正嘗試在CakePHP 1.3中使用Form Helper創建一個Edit User Form。Cakephp 1.3表格對齊?

我無法定製表單元素的比對,例如:

echo $this->Form->create('Model', array('action' => 'edit_users','id' => 'UserForm')); 
echo $this->Form->input('First Name',array('style'=>'width:100px','label'=>'First Name:')); 
echo $this->Form->input('Last Name',array('style'=>'width:100px','label'=>'Last Name:')); 
echo $this->Form->input('Position',array('style'=>'width:100px','label'=>'Position:')); 

我想在一行和第三輸入場的第二行的前兩個輸入字段。我試過它與div虛假,但它不工作。我怎樣才能做到這一點?

回答

1

DIV =>假的作品,但你需要添加一些CSS

echo $this->Form->create('Model', array('action' => 'edit_users','id' => 'UserForm')); 
echo '<div id="first">'; 
    echo '<div class="leftalign">'; 
     echo $this->Form->input('First Name',array('div'=>false,'label'=>'First Name:')); 
    echo '</div>'; 
echo '<div class="rightalign">'; 
echo $this->Form->input('Last Name',array('div'=>false,'label'=>'Last Name:')); 
    echo '</div>'; 
echo $this->Form->input('Position',array('style'=>'width:100px','label'=>'Position:')); 

CSS

#first .leftalign{ 
    float: left; 
    width:300px; 
} 
#first .rightalign{ 
    clear:none; 
    float: right; 
    width:300px; 
} 
#first label,#first input{ 
    width: 100px; 
} 

您可以編輯CSS按您的要求

0

這個工作對我來說

<table border='0'> 
    <tr><td> 
      <?php echo $this->Form->create('Model', array('action' => 'edit_users','id' => 'UserForm')); 
        echo $this->Form->input('First Name',array('label'=>'First Name:'));?> 
     </td><td>      
      <?php echo $this->Form->input('Last Name',array('label'=>'Last Name:'));?></td> 
    </tr> 
    <tr><td> 
      <?php echo $this->Form->input('Position',array('label'=>'Position:'));?> 
     </td> 
</table> 

只要把你的窗體控件在一個表中,你可以將它們對齊任何你想怎麼在表單上!