Porque el formulario que hice con jotforms no se visualiza igual en explorer que en chrome?

  • Profile Image
    flydiscount
    Asked on October 21, 2011 at 12:08 PM

    Hice un formulario de contacto para mi web pero no lo he podido instalar porque los campos no salen en el mismo orden en que los puse y se ve desordenado en explorer y en chrome se ve de otra manera, necesito que es vea igual en todos los exploradores, necesito su ayuda por favor, gracias

    este es el codigo:

    <script src="//max.jotfor.ms/min/g=jotform?3.0.1582" type="text/javascript"></script>

    <script type="text/javascript">

       JotForm.init(function(){

          $('input_20').hint('ex: myname@example.com');

       });

    </script>

    <link target="_blank" href="http://max.jotfor.ms/min/g=formCss?3.0.1582" rel="nofollow noopener" rel="stylesheet" type="text/css" />

    <style type="text/css">

        .form-label{

            width:10px !important;

        }

        .form-label-left{

            width:10px !important;

        }

        .form-line{

            padding:1px;

        }

        .form-label-right{

            width:10px !important;

        }

        .form-all{

            width:270px;

            background:#7ADCF5;

            color:#010624 !important;

            font-family:Verdana;

            font-size:12px;

        }

        /* Injected CSS Code */

    .form width:270px;heigt470px;margin 2px;padding-left:2px;

     

        /* Injected CSS Code */

    </style>

     

    <form class="jotform-form" action="http://submit.jotform.com/submit.php" method="post" name="form_12851948327" id="12851948327" accept-charset="utf-8">

      <input type="hidden" name="formID" value="12851948327" />

      <div class="form-all">

        <ul class="form-section">

          <li class="form-line form-line-column" id="id_1">

            <label class="form-label-top" id="label_1" for="input_1">

              Tipologia Voli<span class="form-required">*</span>

            </label>

            <div id="cid_1" class="form-input-wide">

              <div class="form-multiple-column"><span class="form-radio-item"><input type="radio" class="form-radio validate[required]" id="input_1_0" name="q1_tipologiavoli" checked="checked" value="Andata e Ritorno" />

                  <label for="input_1_0"> Andata e Ritorno </label></span><span class="clearfix"></span><span class="form-radio-item"><input type="radio" class="form-radio validate[required]" id="input_1_1" name="q1_tipologiavoli" value="Solo Andata" />

                  <label for="input_1_1"> Solo Andata </label></span><span class="clearfix"></span>

              </div>

            </div>

          </li>

          <li class="form-line form-line-column" id="id_2">

            <label class="form-label-top" id="label_2" for="input_2">

              Città di partenza<span class="form-required">*</span>

            </label>

            <div id="cid_2" class="form-input-wide">

              <input type="text" class="form-textbox validate[required]" id="input_2" name="q2_hagaClic" size="10" />

            </div>

          </li>

          <li class="form-line form-line-column" id="id_3">

            <label class="form-label-top" id="label_3" for="input_3">

              Citta di arrivo<span class="form-required">*</span>

            </label>

            <div id="cid_3" class="form-input-wide">

              <input type="text" class="form-textbox validate[required]" id="input_3" name="q3_hagaClic3" size="10" />

            </div>

          </li>

          <li class="form-line form-line-column" id="id_13">

            <label class="form-label-top" id="label_13" for="input_13">

              Andata<span class="form-required">*</span>

            </label>

            <div id="cid_13" class="form-input-wide">

              <input type="text" class="form-textbox validate[required]" id="input_13" name="q13_hagaClic13" size="12" value="gg/mm/aaaa" maxlength="10" />

            </div>

          </li>

          <li class="form-line form-line-column" id="id_14">

            <label class="form-label-top" id="label_14" for="input_14"> Ritorno </label>

            <div id="cid_14" class="form-input-wide">

              <input type="text" class="form-textbox" id="input_14" name="q14_hagaClic14" size="12" value="gg/mm/aaaa" maxlength="10" />

            </div>

          </li>

          <li class="form-line form-line-column" id="id_15">

            <label class="form-label-top" id="label_15" for="input_15">

              Classe<span class="form-required">*</span>

            </label>

            <div id="cid_15" class="form-input-wide">

              <div class="form-multiple-column"><span class="form-radio-item"><input type="radio" class="form-radio validate[required]" id="input_15_0" name="q15_hagaClic15" value="Economica" />

                  <label for="input_15_0"> Economica </label></span><span class="clearfix"></span><span class="form-radio-item"><input type="radio" class="form-radio validate[required]" id="input_15_1" name="q15_hagaClic15" value="Business" />

                  <label for="input_15_1"> Business </label></span><span class="clearfix"></span>

              </div>

            </div>

          </li>

          <li class="form-line form-line-column" id="id_16">

            <label class="form-label-top" id="label_16" for="input_16">

              Adulti<span class="form-required">*</span>

            </label>

            <div id="cid_16" class="form-input-wide">

              <select class="form-dropdown validate[required]" style="width:35px" id="input_16" name="q16_hagaClic16">

                <option>  </option>

                <option selected="selected" 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>

          <li class="form-line form-line-column" id="id_17">

            <label class="form-label-top" id="label_17" for="input_17"> Bambini </label>

            <div id="cid_17" class="form-input-wide">

              <select class="form-dropdown" style="width:35px" id="input_17" name="q17_hagaClic17">

                <option>  </option>

                <option value="0"> 0 </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>

          <li class="form-line form-line-column" id="id_18">

            <label class="form-label-top" id="label_18" for="input_18"> Neonati </label>

            <div id="cid_18" class="form-input-wide">

              <select class="form-dropdown" style="width:35px" id="input_18" name="q18_hagaClic18">

                <option>  </option>

                <option value="0"> 0 </option>

                <option value="1"> 1 </option>

                <option value="2"> 2 </option>

                <option value="3"> 3 </option>

              </select>

            </div>

          </li>

          <li class="form-line form-line-column form-line-column-clear" id="id_19">

            <label class="form-label-top" id="label_19" for="input_19"> Codice Sconto </label>

            <div id="cid_19" class="form-input-wide">

              <input type="text" class="form-textbox" id="input_19" name="q19_hagaClic19" size="10" value="Se gli hai" maxlength="10" />

            </div>

          </li>

          <li class="form-line form-line-column" id="id_20">

            <label class="form-label-top" id="label_20" for="input_20">

              E-mail<span class="form-required">*</span>

            </label>

            <div id="cid_20" class="form-input-wide">

              <input type="email" class="form-textbox validate[required, Email]" id="input_20" name="q20_email20" size="10" maxlength="30" />

            </div>

          </li>

          <li class="form-line form-line-column" id="id_21">

            <label class="form-label-top" id="label_21" for="input_21">

              Nome e Cognome<span class="form-required">*</span>

            </label>

            <div id="cid_21" class="form-input-wide"><span class="form-sub-label-container"><input class="form-textbox validate[required]" type="text" size="10" name="q21_nombreCompleto21[first]" id="first_21" />

                <label class="form-sub-label" for="first_21" id="sublabel_first"> Nombre </label></span><span class="form-sub-label-container"><input class="form-textbox validate[required]" type="text" size="15" name="q21_nombreCompleto21[last]" id="last_21" />

                <label class="form-sub-label" for="last_21" id="sublabel_last"> Apellido </label></span>

            </div>

          </li>

          <li class="form-line form-line-column" id="id_22">

            <div id="cid_22" class="form-input-wide">

              <div style="text-align:left" class="form-buttons-wrapper">

                <button id="input_22" type="submit" class="form-submit-button">

                  Invia

                </button>

                &nbsp;

                <button id="input_reset_22" type="reset" class="form-submit-reset">

                  Clear Form

                </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="12851948327" />

      <script type="text/javascript">

      document.getElementById("si" + "mple" + "_spc").value = "12851948327-12851948327";

      </script>

    </form>

  • Profile Image
    idarktech
    Answered on October 21, 2011 at 12:29 PM

    Hi,

    Can you also provide the website where you have embedded your form? Please reply here so we can assist you more.

    Thank you!

  • Profile Image
    flydiscount
    Answered on October 21, 2011 at 12:49 PM

    my site is http://www.flydiscount.biz/, and now I have also installed anotherform of you who either do not see very well but it works, and the code I sentis a new form that I want to insert in the same site to replace the previous one, I need your help thanks

  • Profile Image
    NeilVicente
    Answered on October 21, 2011 at 12:49 PM

    @flydiscount,

    That is actually the disadvantage of using the form's source code. It will not always reflect the most updated version of the form.

    Instead of source code, kindly use the iframe or script embed methods.

    To get your form's iframe or script embed codes:

    1.  Go to Setup & Embed tab
    2.  Click Embed Form
    3.  Click iFrame or Embed <>



    4.  Copy the codes provided in the succeeding screen then paste it on your webpage

  • Profile Image
    flydiscount
    Answered on October 21, 2011 at 01:01 PM

    Ok thank you very much I will try now,I will write to notify you of the results, thank you very much