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

    Insert imagemap into the form

    Asked by REMniOFF on November 06, 2013 at 03:43 AM

    Hi all!

    The problem is: I have imagemap with alt attributes (colors of Shellac). I need to insert alt attribute to some text field of my form depending on imagemap click and then choose the quantity of this color. After choosing the color and the quantity I needed to choose one more color and it's quantity and then insert this data to one more text field.

    Is it possible to help me?

    May be anoter variant to use imagemap with data inserting?

    Thanks a lot to all frends!

  • Profile Image

    Answered by KadeJM on November 06, 2013 at 10:05 AM

    Hello, Unfortunately we don't have any Coloring Tools other then for the Form's Background Color Selection. However, if you would like then I would be more then happy to add this as a request on your behalf to our Features Request List if you wish.

    Based on what I am understanding about your question I think that probably your best bet would be to create a form with a " Color Picker " on it. This is built with the use of TextBox's and the form's Source Code. You can refer to this thread http://www.jotform.com/answers/74364-Color-Picker for more information on how to do this in a workaround that is better explained by one of my colleagues.

    The only thing I am not understanding aside from that though is that you have also referred to an " ImageMap " which I am not sure that I get what you mean? I see the picture you have of what appears to be Acrylic Nails for Females but I am still confused on what you meant by this? Can you please clarify?

  • Profile Image

    Answered by REMniOFF on November 07, 2013 at 01:21 AM

    Many thanks for your answer!

    Will try to clarify.

    I have the imagemap of acrylic nails picture. Each color has its unique number, for example, 40501(see here). If anybody click this area with alt atribute "40501" this value (40501)must be inserted(transmitted) in some text field. Then a visitor will choose quantity of this position and send it to me. 

    My goal is to provide information about the number(40501) in the text box.

    Thank you!

  • Profile Image
    JotForm Support

    Answered by abajan on November 07, 2013 at 05:58 AM

    This may be feasible. I'll work on something and get back to you.


  • Profile Image
    JotForm Support

    Answered by abajan on November 07, 2013 at 03:58 PM


    Select colors in this demo, enter the quantity for each, submit the form and have a look at the autoresponse in your inbox. Would such functionality satisfy your requirements?

  • Profile Image

    Answered by REMniOFF on November 08, 2013 at 12:23 AM

    Thank you so much!

    This is exactly what I needed!

    Once again I want to thank you for a great solution!

  • Profile Image
    JotForm Support

    Answered by abajan on November 08, 2013 at 04:25 AM

    Glad I could help. In order for your customers' submissions to be stored in your JotForm account, you would need to do the following:

    1. Clone this form (Please see this guide)

    2. Copy its source from the Embed Form Wizard and paste the code into the body of a web page

    3. Copy this code and paste it between the form code and the closing body tag of the web page. (View the source of the demo to see where it should go.)

    That should do it. If you need further assistance with this, we would be happy to help.


  • Profile Image
    JotForm Support

    Answered by abajan on November 08, 2013 at 07:11 AM

    Incidentally, if you would like to allow users to enter more than just numbers in the textboxes (for instance, 2 gallons instead of just 2), remove this part from the script.


  • Profile Image

    Answered by mybackcracker on January 30, 2015 at 03:16 PM

    How did you get the coordinates for the nails?