Forums

Hi,
I am trying to do tab forms and I am testing the first page and when I check email, address, city, state, phone numbers, best time to call our missing.
How to fix? Thank you.
Bon

Below is my template

Auto & Vehicle Insurance Quote Form 
First Name 
{text_1}
Last Name 
{text_2}
Address 
{text_4}
City 
{text_3}
State 
{text_5}
Zip Code 
{text_6}
E-Mail Address: 
{text_7}
Driver License # 
{text_13}
Social Security # 
{text_8}
Date of Birth 
{text_13}
Telephone 
{text_9}
Fax: 
{text_10}
Best Time To Call: 
{select_12}
Now tell us about the coverage you would like.

This is the form code

<?php
$doc =& JFactory::getDocument();
$doc->addStyleDeclaration('/* css for tabs */
dl.tabs {
   float: left;
   margin: 10px 0 -1px 0;
   z-index: 50;
}
dl.tabs dt {
   float: left;
   padding: 4px 10px;
   border-left: 1px solid #CCF2FF;
   border-right: 1px solid #CCF2FF;
   border-top: 1px solid #CCF2FF;
   margin-left: 3px;
   background: #B3E4FD;
   color: #003366;
}
dl.tabs dt.open {
   background: #0099cc;
   z-index: 100;
   color: white;
}
div.current {
   clear: both;
   border: 1px solid #CCF2FF;
   padding: 10px 10px;
   overflow:auto; // make the outer frame overflow
}');
jimport ( 'joomla.html.pane');
$myTabs = & JPane::getInstance ( 'tabs' );
JHTML::_('behavior.calendar');

echo $myTabs->startPane( "my_tabbed_content" );
echo $myTabs->startPanel("Step 1 : Contact Info","tab1-id");
?>
<div class="form_item">
  <div class="form_element cf_text"> <span class="cf_text">Auto & Vehicle Insurance Quote Form</span> </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">First Name</label>
    <input class="cf_inputbox required" maxlength="150" size="30" id="text_1" name="text_1" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Last Name</label>
    <input class="cf_inputbox required" maxlength="150" size="30" id="text_2" name="text_2" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Address</label>
    <input class="cf_inputbox required" maxlength="150" size="30" id="address" name="address" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">City</label>
    <input class="cf_inputbox required" maxlength="150" size="30" id="text_3" name="text_3" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">State</label>
    <input class="cf_inputbox required" maxlength="150" size="30" id="text_5" name="text_5" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Zip Code</label>
    <input class="cf_inputbox required validate-alphanum" maxlength="150" size="30" id="text_6" name="text_6" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">E-Mail Address:</label>
    <input class="cf_inputbox required validate-email" maxlength="150" size="30" id="text_7" name="text_7" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Driver License #</label>
    <input class="cf_inputbox required validate-alphanum" maxlength="150" size="30" id="text_13" name="text_13" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Social Security #</label>
    <input class="cf_inputbox required validate-alphanum" maxlength="150" size="30" id="text_8" name="text_8" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Date of Birth</label>
    <input class="cf_inputbox required validate-date" maxlength="150" size="30" id="text_13" name="text_13" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Phone</label>
    <input class="cf_inputbox required validate-number" maxlength="150" size="30" id="text_15" name="text_15" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Fax</label>
    <input class="cf_inputbox required validate-number" maxlength="150" size="30" id="text_9" name="text_9" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label">Best Time To Call:</label>
    <select class="cf_inputbox validate-selection" id="select_12" size="1"  name="select_12">
    <option value="">Choose Option</option>
      <option value="Please Select">Please Select</option>
<option value="Morning">Morning</option>
<option value="Afternoon">Afternoon</option>
<option value="Evening">Evening</option>
<option value="Evening">Evening</option>

    </select>
    
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_button">
    <input value="Submit" type="submit" />
  </div>
  <div class="clear"> </div>
</div>