index

Checkboxes Checkbox 0 Checkbox 1 Checkbox 2 Checkbox 3 Checkbox 4

HTML

  <input type="checkbox" id="custom_checkbox_0" name="ids[]" value="0"/>
  <label for="custom_checkbox_0">Checkbox 0</label>

Checkbox 5 Checkbox 6 Checkbox 7 Checkbox 8 Checkbox 9

HTML

  <label><input type="checkbox" id="custom_checkbox_5" name="ids[]" value="0"/> Checkbox 5</label>

  $("[type=checkbox]").custom_form();

Radios Radio 0 Radio 1 Radio 2 Radio 3 Radio 4

HTML

  <input type="radio" id="custom_radio_0" name="values[]" value="0"/>
  <label for="custom_radio_0">radio 0</label>

  $("[type=radio]").custom_form();

Radio 5 Radio 6 Radio 7 Radio 8 Radio 9

HTML

  <label><input type="radio" id="custom_radio_5" name="values[]" value="0"/> radio 5</label>

  $("[type=radio]").custom_form();

Selects Country Credit Card

HTML

  <label for="custom_select_1">Country</label>
  <select id="custom_select_1">
    <option value="" selected="selected">Select Country</option> 
    <option value="...">...</option> 
  </select>

  $("select").custom_form();

Country

Credit Card

HTML

  <div style="width:100%">
    <div style="width:49%; margin-right:1%; float:left">
      <label for="custom_select_3" style="display:block">Country</label>
      <select id="custom_select_3" style="width:100%">
        <option value="" selected="selected">Select Country</option> 
        <option value="United States">Spain</option> 
        <option value="United States">United States</option> 
        <option value="United Kingdom">United Kingdom</option> 
        <option value="Afghanistan">Afghanistan</option> 
        <option value="Albania">Albania</option> 
        <option value="Algeria">Algeria</option> 
        <option value="American Samoa">American Samoa</option> 
        <option value="Andorra">Andorra</option> 
        <option value="...">...</option> 
      </select>
    </div>

    <div style="width:49%; margin-left:1%; float:left">
      <label for="custom_select_4"  style="display:block">Credit Card</label>
      <select id="custom_select_4" style="width:100%">
        <option value="" selected="selected">Select Credit Card</option> 
        <option value="United States">Visa</option> 
        <option value="United States">MasterCard</option> 
        <option value="United Kingdom">American Express</option> 
        <option value="...">...</option> 
      </select>
    </div>
  </div>

  $("select").custom_form({
    responsive_select:true
  });

File Attachment

HTML

  <label for="custom_file_1">Attachment</label>
  <input id="custom_file_1" type="file" style="width:400px"/>

  $("[type=file]").custom_form();

Attachment

HTML

  <div style="width:100%">
    <div style="width:49%; margin-right:1%; float:left">
      <label for="custom_file_2">Attachment</label>
      <input id="custom_file_2" type="file" style="width:100%"/>  
    </div>
  
    <div style="width:49%; margin-left:1%; float:left">
      <label for="custom_file_3">Attachment</label>
      <input id="custom_file_3" type="file" style="width:100%"/>  
    </div>
  </div>

  $("[typ=file]").custom_form({
    responsive_file:true
  });