Cakephp 1.3 表单对齐？答案

【问题标题】：Cakephp 1.3 Form Alignment?Cakephp 1.3 表单对齐？
【发布时间】：2012-06-09 10:34:37
【问题描述】：

我是 cakephp 1.3 的新手。我正在尝试在 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 false 试过了，但它不起作用。我怎样才能做到这一点？

【问题讨论】：

标签： cakephp cakephp-1.3

【解决方案1】：

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

【讨论】：

【解决方案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>

只需将您的表单控件放在一个表格中，您就可以在表单上随意对齐它们！

【讨论】：