3

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

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

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

你能帮我吗？谢谢你。

4

1 回答 1

5

假设如果有 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>

小提琴：

于 2013-05-07T08:53:59.617 回答