在cakephp中格式化文本框(使文本框变大)

在cakephp中格式化文本框(使文本框变大),cakephp,textbox,formatting,Cakephp,Textbox,Formatting,大家好,我正在尝试用我的cakephp表单设置文本框的样式,但是运气不好。我试图使他们在相对大小更大,但不确定如何处理这个问题。任何帮助都将不胜感激 <table align=center> <?php echo $this->Form->create('User', array('url' => array('controller' => 'users', 'action' => 'login')));?> <tr>

大家好,我正在尝试用我的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>

用户名:
密码:

我假设您使用的是默认的cakePHP CSS模板?如果是这样,那么更改主CSS文件(cake.generic.CSS)中输入的宽度


style=“width:300px;”

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

还有,用于布局的表格?在这个时代?无论如何

<?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(); ?>
<?php

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

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

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

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

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