3

フォーム API を使用して Drupal 6 でフォームを作成しています。

テキストフィールドと選択を隣り合わせに配置する必要があります。'www.domainname.com' のようなものを入力するためのものです。www。固定されています。domainname セクションはテキスト フィールドのユーザーから指定され、.com セクションは select 要素からユーザーによって選択されます。

したがって、それらは一列に並んでいる必要があります。しかし、私が見たように、これら 2 つのフォーム要素を 1 行に並べることができます。それらは div コンテナーにあります。

手伝ってくれませんか？ありがとうございました。

4

1 に答える 1

5

float:left;2 つのフォーム要素 (テキスト ボックス) がある場合、最初の<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 に答える