Form api: Combine two text fields into a div?

Question

Using the form api is it possible to combine two text fields onto the same row?

E.g. form

<?php
function foo_form($form, $form_state) {
  $form = array();

  $form['range'] = array(
    '#type' => 'fieldset',
 );

  $form['range']['min'] = array(
     '#type' => 'textfield',
     '#title' => 'Address'
  ),
  $form['range']['address2'] = array(
     '#type' => 'textfield',
     '#title' => 'Address'
  )
  // ...
  return $form;
}

Desired output

<div>
  <h2>Range</h2>
  <input name="min" /> to <input name="max" />
</div>

Answer 1

<?php
function foo_form($form, $form_state) {
  $form = array();

  $form['range'] = array(
    '#type' => 'fieldset',
    '#prefix' => '<div class="myclass">',
 );

  $form['range']['min'] = array(
     '#type' => 'textfield',
     '#title' => 'Address'
  ),
  $form['range']['address2'] = array(
     '#type' => 'textfield',
     '#title' => 'Address'
     '#suffix' => '</div>',
  )
  // Remaining code
  return $form;
}

Answer 2

Its better use css to align two inline . Find out the wrapper div id, then apply this css

WRAPPER_ID {
  display :inline; // or try inline-block
}

Answer 3

This Drupal Stackexchange answer regarding Horizontal Form Elements answered earlier may be beneficial to you. I typically do the same thing with a wrapper div, but did not know about the container-inline class.

Answer 4

There's a module that may be of assistance: Field Collection (7.x)