2011-12-09 11 views
0

나는이 다음 코드 :양식을 여러 줄 입력하여 한 줄에 입력하는 방법은 무엇입니까?

<?php 
    echo $form->create('User', array('url' => array('controller' => 'users', 'action' =>'login'))); 
echo $form->input('User.username'); 
echo $form->input('User.password'); 
echo $form->end('Login'); 
?> 

하고이와 비슷한 형태로 작성

username 
[TextBox] 
password 
[TextBox] 

나는 그것을 같이 할 :

username [TextBox] password [TextBox] 

인가를 거기에 옵션이나 내가 이것을 할 수있는 무엇인가? 내가 CSS - 스타일로 고생 한 후

+0

당신은 또한 더 많은 도움 CSS이 질문에 태그 등을 얻을 수 있습니다 CSS를 사용하여 인라인 양식 필드와 라벨을 작성하는 방법에 대해 Google에서 검색하는 것은 스타일 질문이기 때문에 cakephp가 제어하지 않습니다. 현재 양식에 나타나는 기본 이유는 양식에 기본 스타일을 사용하고 있기 때문입니다. – swiecki

+0

CSS 플로트를 사용할 수 있습니다 : 인라인 양식의 경우 왼쪽 –

+0

이 질문을 완료하는 데 필요한 다른 것이 있습니까? – Wex

답변

-1

I는 다음과 같이 테이블을 사용하게 하나 개 사업부에서

<?php 
echo $this->Form->create('User', array('url' => array('controller' => 'users', 'action' =>'login'))); ?> 
<table> 
    <tr> 
     <td><?php echo $this->Form->input('User.username'); ?></td> 
     <td><?php echo $this->Form->input('User.password'); ?></td> 
     <td><?php echo $this->Form->button('Submit Form', array('type'=>'submit')); ?></td> 
    </tr> 
</table> 
<?php echo $this->Form->end(); //This and "create" has to be outside <table> to pass xhtml validation ?> 
-1

랩 모든 필드를 표시합니다. 적절한 모든 여백을 설정하고 왼쪽에있는 모든 것을 띄우십시오. div 지우기.

2

요소를 서로 나란히 배치하거나 인라인으로 표시하십시오. 필자는 절대적으로 필요한 경우에만 플로트를 사용합니다. 인라인 요소는 어쨌든 작업하기가 훨씬 쉽습니다.

<form method="post" action=""> 
<fieldset> 
    <dl> 
     <dt><label for="username">Username:</label></dt><dd><input type="text" name="username" value="Username" id="username" /></dd> 
     <dt><label for="password">Password:</label></dt><dd><input type="password" name="password" id="password" /></dd> 
    </dl> 
</fieldset> 
</form> 

는 기본적으로 추가 할 필요가있는 목록의 요소 중 하나 inline-block 또는 inline입니다 :

dt { display: inline; } 
dd { display: inline; } 

미리보기 : http://jsfiddle.net/Wexcode/Wav9B/

관련 문제