Question

我是cakephp 1.3的新手。我正在尝试使用Cakephp 1.3中的Form Helper创建一个Edit User Form。

我无法自定义表单元素的对齐方式，例如：

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假试了它，但它不起作用。我怎样才能做到这一点？

Answer 1

div =＆gt; false有效，但您需要添加一些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

Answer 2

这个为我工作

<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>

只需将表单控件放在表格中，您就可以根据需要在表单上对齐它们！

Cakephp 1.3表格对齐？

2 个答案: