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

  • newvisiomamy
    Asked on July 25, 2014 at 7: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 href="http://max.jotfor.ms/static/formCss.css?3.2.2953" rel="stylesheet" type="text/css" />
    <link type="text/css" rel="stylesheet" href="http://max.jotfor.ms/css/styles/nova.css?3.2.2953" />
    <link type="text/css" media="print" rel="stylesheet" href="http://max.jotfor.ms/css/printForm.css?3.2.2953" />
    <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" href="http://jotform.us/css/styles/buttons/form-submit-button-push_red.css?3.2.2953"/>
    <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>

  • Kiran Support Team Lead
    Replied on July 25, 2014 at 9: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.