0

我是 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 试过了,但它不起作用。我怎样才能做到这一点?

4

2 回答 2

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

于 2012-06-11T15:28:04.890 回答
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>

只需将您的表单控件放在一个表格中,您就可以在表单上以任何您想要的方式对齐它们!

于 2013-07-25T01:35:00.587 回答