MachForm Community Forums » MachForm 2

1. opensource
   Member

   Can anyone tel me how to make this drop down boxes on a single line?

   <form id="form_1" class="appnitro" method="post" action="#main_body">

   <ul >

   <li id="li_1" >
   <label class="description">Check-In <span id="required_1" class="required">*</span></label>
   <span>
   <input id="element_1_1" name="element_1_1" class="element text" size="2" maxlength="2" value="" type="text" /> /
   <label for="element_1_1">MM</label>

   </span>
   <span>
   <input id="element_1_2" name="element_1_2" class="element text" size="2" maxlength="2" value="" type="text" /> /
   <label for="element_1_2">DD</label>
   </span>
   <span>
   <input id="element_1_3" name="element_1_3" class="element text" size="4" maxlength="4" value="" type="text" />
   <label for="element_1_3">YYYY</label>

   </span>

   <span id="calendar_1">
   <img id="cal_img_1" class="datepicker" src="images/calendar.gif" alt="Pick a date." />
   </span>
   <script type="text/javascript">
   Calendar.setup({
   inputField : "element_1_3",
   baseField : "element_1",
   displayArea : "calendar_1",
   button : "cal_img_1",
   ifFormat : "%B %e, %Y",
   onSelect : selectDate
   });
   </script>

<li id="li_2" >
<label class="description">Check-Out </label>
<span>

<input id="element_2_1" name="element_2_1" class="element text" size="2" maxlength="2" value="" type="text" /> /
<label for="element_2_1">MM</label>
</span>
<span>
<input id="element_2_2" name="element_2_2" class="element text" size="2" maxlength="2" value="" type="text" /> /
<label for="element_2_2">DD</label>
</span>
<span>

<input id="element_2_3" name="element_2_3" class="element text" size="4" maxlength="4" value="" type="text" />
<label for="element_2_3">YYYY</label>
</span>

<span id="calendar_2">
<img id="cal_img_2" class="datepicker" src="images/calendar.gif" alt="Pick a date." />
</span>
<script type="text/javascript">
Calendar.setup({
inputField : "element_2_3",
baseField : "element_2",
displayArea : "calendar_2",
button : "cal_img_2",
ifFormat : "%B %e, %Y",
onSelect : selectDate
});
</script>

<li id="li_3" >

<label class="description" for="element_3">Room(s) </label>
<div>
<select class="element select small" id="element_3" name="element_3">
<option value="" selected="selected"></option>
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>

<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>

</select>
</div> <li id="li_4" >
<label class="description" for="element_4">Adult </label>

<div>
<select class="element select small" id="element_4" name="element_4">
<option value="" selected="selected"></option>
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>

</select>

</div> <li id="li_5" >
<label class="description" for="element_5">Email <span id="required_5" class="required">*</span></label>
<div>
<input id="element_5" name="element_5" class="element text small" type="text" maxlength="255" value="" />
</div>

<li id="li_buttons" class="buttons">
<input type="hidden" name="form_id" value="1" />

<input type="hidden" name="submit" value="1" />
<input id="saveForm" class="button_text" type="submit" name="submit" value="Submit" />

</form>