2

大家好， 我正在尝试在我的 cakephp 表单中设置文本框的样式，但没有运气。我正在尝试使它们的相对尺寸更大，但不确定如何解决这个问题。任何帮助将不胜感激。

<table align=center>
  <?php echo $this->Form->create('User', array('url' => array('controller' => 'users', 'action' => 'login')));?>
  <tr>          
    <td align=center>Username: </td>
  </tr>
  <tr>
    <td ><?php echo $this->Form->input('username',array('label'=>false,'size'=>100));?></td>
  </tr>     
  <tr>      
    <td align = center>Password: </td>
  </tr>         
    <td><?php echo $this->Form->input('password',array('label'=>false,'size'=>100));?></td>
  </tr>
  <tr>
    <td align=center><?php echo $this->Form->end('Login');?></td>
  </tr>
</table>
4

2 回答 2

0

我假设您使用的是默认的 cakePHP CSS 模板？如果是这样，则更改主 CSS 文件 (cake.generic.css) 中输入的宽度。

样式=“宽度：300px；”

于 2012-10-19T03:39:26.480 回答
0

您的代码将创建无效标记 - 您应该在担心它的外观之前修复它:-)

此外，用于布局的表格？当今年代？反正...

<?php echo $this->Form->create('User', array('url' => array('controller' => 'users', 'action' => 'login')));?>
<table align=center>
  <tr>          
    <td align=center>Username: </td>
  </tr>
  <tr>
    <td ><?php echo $this->Form->input('username',array('label'=>false,'size'=>100));?></td>
  </tr>     
  <tr>      
    <td align = center>Password: </td>
  </tr>         
    <td><?php echo $this->Form->input('password',array('label'=>false,'size'=>100));?></td>
  </tr>
  <tr>
    <td align=center><?php echo $this->Form->submit('Login');?></td>
  </tr>
</table>
<?php echo $this->Form->end(); ?>

（我已将元素移到表格之外 - 它们在您发布的代码中无效）

CSS：

表单 div.input 输入 { 宽度：200px; }

如果您将表格全部丢弃并且您的代码会更简单，那么您将帮自己一个巨大的忙：

<?php

echo $this->Form->create('User');

echo $this->Form->inputs(array(
    'User.username',
    'User.password'
));

echo $this->Form->submit('Login');

echo $this->Form->end();

?>

CSS：

form {
    overflow: hidden;
}
form div.input {
    clear: both;
    overflow: hidden;
}
form div.input label {
    float: left;
    display: block;
    width: 10em;
}

form div.input input {
    width: 200px;
}
于 2012-10-19T09:02:44.807 回答