Question

大家好，我正试图用我的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>

Answer 1

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

style =“width：300px;”

Answer 2

您现有的代码会创建无效的标记 - 您应该在担心它的外观之前解决这个问题： - ）

另外，表格是否布局？在这个时代？总之...

<?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 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;
}

在cakephp中格式化文本框（使文本框更大）

2 个答案: