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

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

    Asked by flydiscount 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>

    Screenshot
  • Profile Image
    JotForm Support

    Answered by idarktech 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

    Answered by flydiscount 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
    JotForm Support

    Answered by NeilVicente 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

    Answered by flydiscount 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