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

Question

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

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

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

你愿意帮我吗？谢谢你。

Answer 1

假设如果有 2 个表单元素(文本框)，您可以只添加一个 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: