Drupal Form API를 사용하여 두 폼 요소를 한 행에 입력하는 방법은 무엇입니까?

Question

양식 API를 사용하여 Drupal 6에서 양식을 작성 중입니다.

텍스트 필드와 선택 항목을 옆에 배치해야합니다. 그들은 'www.domainname.com'과 같은 것을 입력하기위한 것입니다. www. 고쳐 졌어. domainname 섹션은 ​​텍스트 필드의 사용자로부터 제공되고 .com 섹션은 사용자가 선택한 요소에서 선택됩니다.

그래서 그들은 일치해야합니다. 하지만 내가 볼 수 있듯이이 두 폼 요소를 한 줄에 넣을 수 있습니다. 이들은 div 컨테이너에 있습니다.

도와 주시겠습니까? 감사합니다.

Answer 1

두 개의 양식 요소 (텍스트 상자)가있는 경우 첫 번째 <div> 요소에 CSS 스타일 float:left;을 추가하면됩니다. 그러면 두 텍스트 상자가 같은 줄에 나타납니다.

드루팔 형태 :

.samelineDiv{ 
    float:left; 
} 

샘플 HTML 출력 :

<div class="textbox"> 
    <div class="samelineDiv"> 
     <div id="first_name-wrapper" class="form-item"> 
      <input type="text" class="form-text" value="First Name" size="14" id="first_name" name="first_name" maxlength="128"> 
     </div> 
    </div> 
</div> 
<div class="textbox"> 
    <div id="last_name-wrapper" class="form-item"> 
     <input type="text" class="form-text" value="Last Name" size="14" id="last_name" name="last_name" maxlength="128"> 
    </div> 
</div> 

,514 I는 prefix and suffix 폼 컨트롤

CSS를 사용한

여기

$form['first_name'] = array(
     '#type'  => 'textfield', 
     '#default_value' => 'First Name', 
     '#size'  => 18, 
     '#id' => 'first_name', 
     '#prefix' => '<div class="samelineDiv">', 
     '#suffix' => '</div>', 

);