What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    I have aform that I created esteday and copied that form to my computer to play with the css. i saved the form in jotform and it presered the styling

    Asked by newvisiomamy on July 25, 2014 at 07:48 PM

    <script src="//max.jotfor.ms/static/prototype.forms.js" type="text/javascript"></script>
    <script src="//max.jotfor.ms/static/jotform.forms.js?3.2.2953" type="text/javascript"></script>
    <script type="text/javascript">
       JotForm.init(function(){
          productID = {"0":"input_3_1001","1":"input_3_1002","2":"input_3_1005","3":"input_3_1006","4":"input_3_1007","5":"input_3_1008","6":"input_3_1009","7":"input_3_1010"};
          JotForm.setCurrencyFormat('USD');
          JotForm.totalCounter({"input_3_1001":{"price":"50"},"input_3_1002":{"price":"70"},"input_3_1005":{"price":"50"},"input_3_1006":{"price":"70"},"input_3_1007":{"price":"50"},"input_3_1008":{"price":"70"},"input_3_1009":{"price":"50"},"input_3_1010":{"price":"70"}});
          $('input_5').hint('ex: myname@example.com');
          $('input_8').hint('ex: myname@example.com');
          $('input_12').hint('ex: myname@example.com');
          $('input_16').hint('ex: myname@example.com');
          $('input_20').hint('ex: myname@example.com');
       });
    </script>
    <link target="_blank" href="http://max.jotfor.ms/static/formCss.css?3.2.2953" rel="nofollow" rel="stylesheet" type="text/css" />
    <link type="text/css" rel="stylesheet" target="_blank" href="http://max.jotfor.ms/css/styles/nova.css?3.2.2953" rel="nofollow" />
    <link type="text/css" media="print" rel="stylesheet" target="_blank" href="http://max.jotfor.ms/css/printForm.css?3.2.2953" rel="nofollow" />
    <style type="text/css">
        .form-label-left{
            width:150px !important;
        }
        .form-line{
            padding-top:12px;
            padding-bottom:12px;
        }
        .form-label-right{
            width:150px !important;
        }
        .form-all{
            width:590px;
            color:#555 !important;
            font-family:'Lucida Grande',' Lucida Sans Unicode',' Lucida Sans',' Verdana',' Tahoma',' sans-serif';
            font-size:14px;
        }
    </style>

    <link type="text/css" rel="stylesheet" target="_blank" href="http://jotform.us/css/styles/buttons/form-submit-button-push_red.css?3.2.2953" rel="nofollow"/>
    <form class="jotform-form" action="http://submit.jotform.us/submit/42037109350142/" method="post" name="form_42037109350142" id="42037109350142" accept-charset="utf-8">
      <input type="hidden" name="formID" value="42037109350142" />
      <div class="form-all">
        <ul class="form-section">
          <li id="cid_1" class="form-input-wide">
            <div class="form-header-group">
              <h1 id="header_1" class="form-header">
                Registration
              </h1>
            </div>
          </li>
          <li class="form-line" data-type="control_paypal" id="id_3">
            <label class="form-label form-label-left form-label-auto" id="label_3" for="input_3"> Team (Pick up to 4) </label>
            <div id="cid_3" class="form-input">
              <input type="hidden" name="simple_fpc" value="3" />
              <span class="form-product-item hover-product-item">
                <input class="form-checkbox" type="checkbox" id="input_3_1001" name="q3_teampick3[][id]" value="1001" />
                <label for="input_3_1001">
                  Player 1 - Member
                  <span class="form-product-details">
                    <b>
                      $
                      <span id="input_3_1001_price">
                        50.00
                      </span>
                      USD
                    </b>
                  </span>
                </label>
              </span>
              <br />
              <span class="form-product-item hover-product-item">
                <input class="form-checkbox" type="checkbox" id="input_3_1002" name="q3_teampick3[][id]" value="1002" />
                <label for="input_3_1002">
                  Player 1 - Non-Member
                  <span class="form-product-details">
                    <b>
                      $
                      <span id="input_3_1002_price">
                        70.00
                      </span>
                      USD
                    </b>
                  </span>
                </label>
              </span>
              <br />
              <span class="form-product-item hover-product-item">
                <input class="form-checkbox" type="checkbox" id="input_3_1005" name="q3_teampick3[][id]" value="1005" />
                <label for="input_3_1005">
                  Player 2 - Member
                  <span class="form-product-details">
                    <b>
                      $
                      <span id="input_3_1005_price">
                        50.00
                      </span>
                      USD
                    </b>
                  </span>
                </label>
              </span>
              <br />
              <span class="form-product-item hover-product-item">
                <input class="form-checkbox" type="checkbox" id="input_3_1006" name="q3_teampick3[][id]" value="1006" />
                <label for="input_3_1006">
                  Player 2- Non-Member
                  <span class="form-product-details">
                    <b>
                      $
                      <span id="input_3_1006_price">
                        70.00
                      </span>
                      USD
                    </b>
                  </span>
                </label>
              </span>
              <br />
              <span class="form-product-item hover-product-item">
                <input class="form-checkbox" type="checkbox" id="input_3_1007" name="q3_teampick3[][id]" value="1007" />
                <label for="input_3_1007">
                  Player 3 - Member
                  <span class="form-product-details">
                    <b>
                      $
                      <span id="input_3_1007_price">
                        50.00
                      </span>
                      USD
                    </b>
                  </span>
                </label>
              </span>
              <br />
              <span class="form-product-item hover-product-item">
                <input class="form-checkbox" type="checkbox" id="input_3_1008" name="q3_teampick3[][id]" value="1008" />
                <label for="input_3_1008">
                  Player 3 - Non Member
                  <span class="form-product-details">
                    <b>
                      $
                      <span id="input_3_1008_price">
                        70.00
                      </span>
                      USD
                    </b>
                  </span>
                </label>
              </span>
              <br />
              <span class="form-product-item hover-product-item">
                <input class="form-checkbox" type="checkbox" id="input_3_1009" name="q3_teampick3[][id]" value="1009" />
                <label for="input_3_1009">
                  Player 4 - Member
                  <span class="form-product-details">
                    <b>
                      $
                      <span id="input_3_1009_price">
                        50.00
                      </span>
                      USD
                    </b>
                  </span>
                </label>
              </span>
              <br />
              <span class="form-product-item hover-product-item">
                <input class="form-checkbox" type="checkbox" id="input_3_1010" name="q3_teampick3[][id]" value="1010" />
                <label for="input_3_1010">
                  Player 4 - Non-Member
                  <span class="form-product-details">
                    <b>
                      $
                      <span id="input_3_1010_price">
                        70.00
                      </span>
                      USD
                    </b>
                  </span>
                </label>
              </span>
              <br />
              <br/>
              <span class="form-payment-total">
                <b>
                  <span id="total-text">
                    Total:
                  </span>
                  &nbsp;
                  <span>
                    $
                    <span id="payment_total">
                      0.00
                    </span>
                    USD
                  </span>
                </b>
              </span>
            </div>
          </li>
          <li class="form-line" data-type="control_fullname" id="id_4">

          <li class="form-line" data-type="control_fullname" id="id_7">
            <label class="form-label form-label-left form-label-auto" id="label_7" for="input_7"> Player 1 </label>
            <div id="cid_7" class="form-input">
              <span class="form-sub-label-container">
                <input class="form-textbox" type="text" size="10" name="q7_player1[first]" id="first_7" />
                <label class="form-sub-label" for="first_7" id="sublabel_first"> First Name </label>
              </span>
              <span class="form-sub-label-container">
                <input class="form-textbox" type="text" size="15" name="q7_player1[last]" id="last_7" />
                <label class="form-sub-label" for="last_7" id="sublabel_last"> Last Name </label>
              </span>
            </div>
          </li>
          <li class="form-line" data-type="control_email" id="id_8">
            <label class="form-label form-label-left form-label-auto" id="label_8" for="input_8"> E-mail </label>
            <div id="cid_8" class="form-input">
              <input type="email" class=" form-textbox validate[Email]" id="input_8" name="q8_email" size="30" value="" />
            </div>
          </li>
          <li class="form-line" data-type="control_address" id="id_9">
            <label class="form-label form-label-left form-label-auto" id="label_9" for="input_9"> Address </label>
            <div id="cid_9" class="form-input">
              <table summary="" class="form-address-table" border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td colspan="2">
                    <span class="form-sub-label-container">
                      <input class="form-textbox form-address-line" type="text" name="q9_address9[addr_line1]" id="input_9_addr_line1" />
                      <label class="form-sub-label" for="input_9_addr_line1" id="sublabel_9_addr_line1"> Street Address </label>
                    </span>
                  </td>
                </tr>
                <tr>
                  <td colspan="2">
                    <span class="form-sub-label-container">
                      <input class="form-textbox form-address-line" type="text" name="q9_address9[addr_line2]" id="input_9_addr_line2" size="46" />
                      <label class="form-sub-label" for="input_9_addr_line2" id="sublabel_9_addr_line2"> Street Address Line 2 </label>
                    </span>
                  </td>
                </tr>
                <tr>
                  <td width="50%">
                    <span class="form-sub-label-container">
                      <input class="form-textbox form-address-city" type="text" name="q9_address9[city]" id="input_9_city" size="21" />
                      <label class="form-sub-label" for="input_9_city" id="sublabel_9_city"> City </label>
                    </span>
                  </td>
                  <td>
                    <span class="form-sub-label-container">
                      <input class="form-textbox form-address-state" type="text" name="q9_address9[state]" id="input_9_state" size="22" />
                      <label class="form-sub-label" for="input_9_state" id="sublabel_9_state"> State / Province </label>
                    </span>
                  </td>
                </tr>
                <tr>
                  <td width="50%" function zip(){var iterator=Prototype.K,args=$A(arguments);if(Object.isFunction(args.last())) iterator=args.pop();var collections=[this].concat(args).map($A);return this.map(function(value,index){return iterator(collections.pluck(index));});}>
                    <span class="form-sub-label-container">
                      <input class="form-textbox form-address-postal" type="text" name="q9_address9[postal]" id="input_9_postal" size="10" />
                      <label class="form-sub-label" for="input_9_postal" id="sublabel_9_postal"> Postal / Zip Code </label>
                    </span>
                  </td>
                  <td>
                      <input class="form-textbox form-address-postal" type="text" name="q21_address21[postal]" id="input_21_postal" size="10" />
                      <label class="form-sub-label" for="input_21_postal" id="sublabel_21_postal"> Handicap </label>

                  </td>
                </tr>
              </table>
            </div>
          </li>
          <li class="form-line" data-type="control_phone" id="id_10">
            <label class="form-label form-label-left form-label-auto" id="label_10" for="input_10"> Phone Number </label>
            <div id="cid_10" class="form-input">
              <span class="form-sub-label-container">
                <input class="form-textbox" type="tel" name="q10_phoneNumber10[area]" id="input_10_area" size="3">
                -
                <label class="form-sub-label" for="input_10_area" id="sublabel_area"> Area Code </label>
              </span>
              <span class="form-sub-label-container">
                <input class="form-textbox" type="tel" name="q10_phoneNumber10[phone]" id="input_10_phone" size="8">
                <label class="form-sub-label" for="input_10_phone" id="sublabel_phone"> Phone Number </label>
              </span>
            </div>
          </li>
          <li class="form-line" data-type="control_fullname" id="id_11">
            <label class="form-label form-label-left form-label-auto" id="label_11" for="input_11"> Player 2 </label>
            <div id="cid_11" class="form-input">
              <span class="form-sub-label-container">
                <input class="form-textbox" type="text" size="10" name="q11_player2[first]" id="first_11" />
                <label class="form-sub-label" for="first_11" id="sublabel_first"> First Name </label>
              </span>
              <span class="form-sub-label-container">
                <input class="form-textbox" type="text" size="15" name="q11_player2[last]" id="last_11" />
                <label class="form-sub-label" for="last_11" id="sublabel_last"> Last Name </label>
              </span>
            </div>
          </li>
          <li class="form-line" data-type="control_email" id="id_12">
            <label class="form-label form-label-left form-label-auto" id="label_12" for="input_12"> E-mail </label>
            <div id="cid_12" class="form-input">
              <input type="email" class=" form-textbox validate[Email]" id="input_12" name="q12_email12" size="30" value="" />
            </div>
          </li>
          <li class="form-line" data-type="control_address" id="id_13">
            <label class="form-label form-label-left form-label-auto" id="label_13" for="input_13"> Address </label>
            <div id="cid_13" class="form-input">
              <table summary="" class="form-address-table" border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td colspan="2">
                    <span class="form-sub-label-container">
                      <input class="form-textbox form-address-line" type="text" name="q13_address13[addr_line1]" id="input_13_addr_line1" />
                      <label class="form-sub-label" for="input_13_addr_line1" id="sublabel_13_addr_line1"> Street Address </label>
                    </span>
                  </td>
                </tr>
                <tr>
                  <td colspan="2">
                    <span class="form-sub-label-container">
                      <input class="form-textbox form-address-line" type="text" name="q13_address13[addr_line2]" id="input_13_addr_line2" size="46" />
                      <label class="form-sub-label" for="input_13_addr_line2" id="sublabel_13_addr_line2"> Street Address Line 2 </label>
                    </span>
                  </td>
                </tr>
                <tr>
                  <td width="50%">
                    <span class="form-sub-label-container">
                      <input class="form-textbox form-address-city" type="text" name="q13_address13[city]" id="input_13_city" size="21" />
                      <label class="form-sub-label" for="input_13_city" id="sublabel_13_city"> City </label>
                    </span>
                  </td>
                  <td>
                    <span class="form-sub-label-container">
                      <input class="form-textbox form-address-state" type="text" name="q13_address13[state]" id="input_13_state" size="22" />
                      <label class="form-sub-label" for="input_13_state" id="sublabel_13_state"> State / Province </label>
                    </span>
                  </td>
                </tr>
                <tr>
                  <td width="50%" function zip(){var iterator=Prototype.K,args=$A(arguments);if(Object.isFunction(args.last())) iterator=args.pop();var collections=[this].concat(args).map($A);return this.map(function(value,index){return iterator(collections.pluck(index));});}>
                    <span class="form-sub-label-container">
                      <input class="form-textbox form-address-postal" type="text" name="q13_address13[postal]" id="input_13_postal" size="10" />
                      <label class="form-sub-label" for="input_13_postal" id="sublabel_13_postal"> Postal / Zip Code </label>
                    </span>
                  </td>
                  <td>
                      <input class="form-textbox form-address-postal" type="text" name="q21_address21[postal]" id="input_21_postal" size="10" />
                      <label class="form-sub-label" for="input_21_postal" id="sublabel_21_postal"> Handicap </label>

                  </td>
                </tr>
              </table>
            </div>
          </li>
          <li class="form-line" data-type="control_phone" id="id_14">
            <label class="form-label form-label-left form-label-auto" id="label_14" for="input_14"> Phone Number </label>
            <div id="cid_14" class="form-input">
              <span class="form-sub-label-container">
                <input class="form-textbox" type="tel" name="q14_phoneNumber14[area]" id="input_14_area" size="3">
                -
                <label class="form-sub-label" for="input_14_area" id="sublabel_area"> Area Code </label>
              </span>
              <span class="form-sub-label-container">
                <input class="form-textbox" type="tel" name="q14_phoneNumber14[phone]" id="input_14_phone" size="8">
                <label class="form-sub-label" for="input_14_phone" id="sublabel_phone"> Phone Number </label>
              </span>
            </div>
          </li>
          <li class="form-line" data-type="control_fullname" id="id_15">
            <label class="form-label form-label-left form-label-auto" id="label_15" for="input_15"> Player 3 </label>
            <div id="cid_15" class="form-input">
              <span class="form-sub-label-container">
                <input class="form-textbox" type="text" size="10" name="q15_player3[first]" id="first_15" />
                <label class="form-sub-label" for="first_15" id="sublabel_first"> First Name </label>
              </span>
              <span class="form-sub-label-container">
                <input class="form-textbox" type="text" size="15" name="q15_player3[last]" id="last_15" />
                <label class="form-sub-label" for="last_15" id="sublabel_last"> Last Name </label>
              </span>
            </div>
          </li>
          <li class="form-line" data-type="control_email" id="id_16">
            <label class="form-label form-label-left form-label-auto" id="label_16" for="input_16"> E-mail </label>
            <div id="cid_16" class="form-input">
              <input type="email" class=" form-textbox validate[Email]" id="input_16" name="q16_email16" size="30" value="" />
            </div>
          </li>
          <li class="form-line" data-type="control_address" id="id_17">
            <label class="form-label form-label-left form-label-auto" id="label_17" for="input_17"> Address </label>
            <div id="cid_17" class="form-input">
              <table summary="" class="form-address-table" border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td colspan="2">
                    <span class="form-sub-label-container">
                      <input class="form-textbox form-address-line" type="text" name="q17_address17[addr_line1]" id="input_17_addr_line1" />
                      <label class="form-sub-label" for="input_17_addr_line1" id="sublabel_17_addr_line1"> Street Address </label>
                    </span>
                  </td>
                </tr>
                <tr>
                  <td colspan="2">
                    <span class="form-sub-label-container">
                      <input class="form-textbox form-address-line" type="text" name="q17_address17[addr_line2]" id="input_17_addr_line2" size="46" />
                      <label class="form-sub-label" for="input_17_addr_line2" id="sublabel_17_addr_line2"> Street Address Line 2 </label>
                    </span>
                  </td>
                </tr>
                <tr>
                  <td width="50%">
                    <span class="form-sub-label-container">
                      <input class="form-textbox form-address-city" type="text" name="q17_address17[city]" id="input_17_city" size="21" />
                      <label class="form-sub-label" for="input_17_city" id="sublabel_17_city"> City </label>
                    </span>
                  </td>
                  <td>
                    <span class="form-sub-label-container">
                      <input class="form-textbox form-address-state" type="text" name="q17_address17[state]" id="input_17_state" size="22" />
                      <label class="form-sub-label" for="input_17_state" id="sublabel_17_state"> State / Province </label>
                    </span>
                  </td>
                </tr>
                <tr>
                  <td width="50%" function zip(){var iterator=Prototype.K,args=$A(arguments);if(Object.isFunction(args.last())) iterator=args.pop();var collections=[this].concat(args).map($A);return this.map(function(value,index){return iterator(collections.pluck(index));});}>
                    <span class="form-sub-label-container">
                      <input class="form-textbox form-address-postal" type="text" name="q17_address17[postal]" id="input_17_postal" size="10" />
                      <label class="form-sub-label" for="input_17_postal" id="sublabel_17_postal"> Postal / Zip Code </label>
                    </span>
                  </td>
                  <td>
                    <span class="form-sub-label-container">
                      <input class="form-textbox form-address-postal" type="text" name="q21_address21[postal]" id="input_21_postal" size="10" />
                      <label class="form-sub-label" for="input_21_postal" id="sublabel_21_postal"> Handicap </label>

                    </span>
                  </td>
                </tr>
              </table>
            </div>
          </li>
          <li class="form-line" data-type="control_phone" id="id_18">
            <label class="form-label form-label-left form-label-auto" id="label_18" for="input_18"> Phone Number </label>
            <div id="cid_18" class="form-input">
              <span class="form-sub-label-container">
                <input class="form-textbox" type="tel" name="q18_phoneNumber18[area]" id="input_18_area" size="3">
                -
                <label class="form-sub-label" for="input_18_area" id="sublabel_area"> Area Code </label>
              </span>
              <span class="form-sub-label-container">
                <input class="form-textbox" type="tel" name="q18_phoneNumber18[phone]" id="input_18_phone" size="8">
                <label class="form-sub-label" for="input_18_phone" id="sublabel_phone"> Phone Number </label>
              </span>
            </div>
          </li>
          <li class="form-line" data-type="control_fullname" id="id_19">
            <label class="form-label form-label-left form-label-auto" id="label_19" for="input_19"> Player 4 </label>
            <div id="cid_19" class="form-input">
              <span class="form-sub-label-container">
                <input class="form-textbox" type="text" size="10" name="q19_player4[first]" id="first_19" />
                <label class="form-sub-label" for="first_19" id="sublabel_first"> First Name </label>
              </span>
              <span class="form-sub-label-container">
                <input class="form-textbox" type="text" size="15" name="q19_player4[last]" id="last_19" />
                <label class="form-sub-label" for="last_19" id="sublabel_last"> Last Name </label>
              </span>
            </div>
          </li>
          <li class="form-line" data-type="control_email" id="id_20">
            <label class="form-label form-label-left form-label-auto" id="label_20" for="input_20"> E-mail </label>
            <div id="cid_20" class="form-input">
              <input type="email" class=" form-textbox validate[Email]" id="input_20" name="q20_email20" size="30" value="" />
            </div>
          </li>
          <li class="form-line" data-type="control_address" id="id_21">
            <label class="form-label form-label-left form-label-auto" id="label_21" for="input_21"> Address </label>
            <div id="cid_21" class="form-input">
              <table summary="" class="form-address-table" border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td colspan="2">
                    <span class="form-sub-label-container">
                      <input class="form-textbox form-address-line" type="text" name="q21_address21[addr_line1]" id="input_21_addr_line1" />
                      <label class="form-sub-label" for="input_21_addr_line1" id="sublabel_21_addr_line1"> Street Address </label>
                    </span>
                  </td>
                </tr>
                <tr>
                  <td colspan="2">
                    <span class="form-sub-label-container">
                      <input class="form-textbox form-address-line" type="text" name="q21_address21[addr_line2]" id="input_21_addr_line2" size="46" />
                      <label class="form-sub-label" for="input_21_addr_line2" id="sublabel_21_addr_line2"> Street Address Line 2 </label>
                    </span>
                  </td>
                </tr>
                <tr>
                  <td width="50%">
                    <span class="form-sub-label-container">
                      <input class="form-textbox form-address-city" type="text" name="q21_address21[city]" id="input_21_city" size="21" />
                      <label class="form-sub-label" for="input_21_city" id="sublabel_21_city"> City </label>
                    </span>
                  </td>
                  <td>
                    <span class="form-sub-label-container">
                      <input class="form-textbox form-address-state" type="text" name="q21_address21[state]" id="input_21_state" size="22" />
                      <label class="form-sub-label" for="input_21_state" id="sublabel_21_state"> State / Province </label>
                    </span>
                  </td>
                </tr>
                <tr>
                  <td width="50%" function zip(){var iterator=Prototype.K,args=$A(arguments);if(Object.isFunction(args.last())) iterator=args.pop();var collections=[this].concat(args).map($A);return this.map(function(value,index){return iterator(collections.pluck(index));});}>
                    <span class="form-sub-label-container">
                      <input class="form-textbox form-address-postal" type="text" name="q21_address21[postal]" id="input_21_postal" size="10" />
                      <label class="form-sub-label" for="input_21_postal" id="sublabel_21_postal"> Postal / Zip Code </label>
                    </span>
                  </td>
                  <td>
                      <input class="form-textbox form-address-postal" type="text" name="q21_address21[postal]" id="input_21_postal" size="10" />
                      <label class="form-sub-label" for="input_21_postal" id="sublabel_21_postal"> Handicap </label>

                  </td>
                </tr>
              </table>
            </div>
          </li>
          <li class="form-line" data-type="control_phone" id="id_22">
            <label class="form-label form-label-left form-label-auto" id="label_22" for="input_22"> Phone Number </label>
            <div id="cid_22" class="form-input">
              <span class="form-sub-label-container">
                <input class="form-textbox" type="tel" name="q22_phoneNumber22[area]" id="input_22_area" size="3">
                -
                <label class="form-sub-label" for="input_22_area" id="sublabel_area"> Area Code </label>
              </span>
              <span class="form-sub-label-container">
                <input class="form-textbox" type="tel" name="q22_phoneNumber22[phone]" id="input_22_phone" size="8">
                <label class="form-sub-label" for="input_22_phone" id="sublabel_phone"> Phone Number </label>
              </span>
            </div>
          </li>
          <li class="form-line" data-type="control_button" id="id_2">
            <div id="cid_2" class="form-input-wide">
              <div style="margin-left:156px" class="form-buttons-wrapper">
                <button id="input_2" type="submit" class="form-submit-button form-submit-button-push_red">
                  Go to Payment Page
                </button>
              </div>
            </div>
          </li>
          <li style="display:none">
            Should be Empty:
            <input type="text" name="website" value="" />
          </li>
        </ul>
      </div>
      <input type="hidden" id="simple_spc" name="simple_spc" value="42037109350142" />
      <script type="text/javascript">
      document.getElementById("si" + "mple" + "_spc").value = "42037109350142-42037109350142";
      </script>
    </form>

    JotForm saved and form class checkbox payment page style
  • Profile Image
    JotForm Support

    Answered by Kiran on July 25, 2014 at 09:13 PM

    I understand that you want to customize CSS of the form. You can inject the custom CSS code into the form with your requirements.

    The locally saved and edited source code of the form can be embedded directly into your webpage but cannot be saved into JotForm again.

    If you are looking for more or other information, please do not hesitate to get back us. We are happy to assist you.