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

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輸入{ 寬度：爲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; 
}