如何使用 Drupal Form API 将两个表单元素排成一行？

Question

我正在 Drupal 6 中使用表单 API 创建表单。

我需要将一个文本字段和一个选择放在一起。它们用于输入“www.domainname.com”之类的内容。万维网。是固定的。域名部分由用户在文本字段中给出，.com 部分由用户从选择元素中选择。

所以他们应该排成一排。但正如我所见，我可以将这两个表单元素放在一行中，它们位于 div 容器中。

你能帮我吗？谢谢。

Answer 1

假设有 2 个表单元素（文本框），您只需float:left;向第一个<div>元素添加 css 样式即可。这使得两个文本框出现在同一行。

Drupal 形式：

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

);

这里我使用了前缀和后缀表单控件

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>

小提琴：