如何使用Drupal Form API在一行中放置兩個表單元素？

Question

我正在使用表單API在Drupal 6中創建表單。

我需要把一個文本框和一個選擇相鄰。它們用於輸入諸如「www.domainname.com」之類的內容。萬維網。是固定的。 domainname部分由用戶在文本字段中給出，.com部分從用戶選擇的元素中選擇。

所以他們應該排隊。但正如我看到的，我可以將這兩個表單元素放在一行中，他們在他們的div容器中。

你能幫我嗎？ 謝謝。

Answer 1

假設如果有兩個表單元素（文本框），您可以添加一個css風格float:left;到第一個<div>元素。這使得兩個文本框出現在同一行中。

Drupal的形式：

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

); 

在這裏，我已經使用prefix and suffix表單控件

CSS：

.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> 

Fiddle: