Question

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

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

所以他们应该排成一列。但正如我所见，我可以将这两个表单元素放在一行中，它们位于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:

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

1 个答案: