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

    Hello,How can I pre-populate the form with a non-editable field as in t

    Asked by kimonoboy on July 10, 2012 at 05:29 AM

    Hello,

    How can I pre-populate the form with a non-editable field as in this form where my "name" field is fixed?



    This is a re-post of a comment on Prepopulating Fields to Your JotForm via URL Parameters

  • Profile Image
    JotForm Support

    Answered by idarktech on July 10, 2012 at 05:45 AM

    Hi,

    You need to use form source code for embedding and append disabled="disabled" code to the fields that you'd like to protect. Please check this simple guide right here, in this example I have added the code to the name field input line.

    Example: Here

    Let us know if you need further assistance. Thanks!

  • Profile Image

    Answered by kimonoboy on July 10, 2012 at 06:12 AM

    Hello idarktech,

    Thank you for your very thorough explanation, video and very quick response.

    Your solution works quite well but I had hoped to duplicate the format as seen on your site's question form. That is.. you can see the "name" field content in bold and there's no text box surrounding it.

    It that possible?

    Kind regards,

    Jim

  • Profile Image
    JotForm Support

    Answered by idarktech on July 10, 2012 at 10:08 AM

    Jim,

    Sorry for the delay.

    To remove the box border and make the text bold, you can simply add custom css codes to your form. To do that, you have to get first the field ID. Example:

    <label class="form-label-left" id="label_6" for="input_6"> Name: </label><div id="cid_6" class="form-input"><input type="text" class="form-textbox" id="input_6" name="q6_name" size="30" disabled="disabled"/></div>

    The ID for this name field is input_6, to use it with CSS simply add # prefix. You may use this CSS, just replace the ID to your field ID.

    #input_6{

    border:none !important;

    font-weight:bold !important;

    }

    Here's another simple video for you :) http://www.screencast.com/t/WT8Yt8K8mEU

    Hope this helps. Thank you!

  • Profile Image

    Answered by kimonoboy on July 11, 2012 at 07:21 PM
    Hello idarktech,
    Thank you for responding to my inquiry.
    Perfect answer and video.
    Kind regards,
    Jim Austin
    Antique Japanese Folk Textiles
    Fukuoka, Japan
    http://www.kimonoboy.com
  • Profile Image

    Answered by jeanettebmz on July 11, 2012 at 08:35 PM

    On behalf of my colleague, the legendary Idarktech, you are very welcome!

    Cheers!

    Jeanette