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.
Add Clear Form button at top of formAsked by netruck on April 08, 2016 at 03:10 PM
I have my form saving the details until it's submitted enabled. Is there a way to add a Clear Form button or a link at the top of my form so that the customers can easily clear the form details without traveling to the bottom of the form?
Add another submit button to your form:
Once it is added, open your form in the designer by clicking on the designer button. Once your form is opened in the designer, click on the CSS tab, then double click on the submit button to bring up the specific ID for the the submit button:
After the submit button is selected, the field ID should be shown in the CSS section. You can click on "display" and change it to "none" to automatically add the code to hide the submit button. It is also possible to get the ID of the submit button and manually add the CSS:
display : none;
Replace the input ID with that of the submit button.
This would give you a clear or reset button where ever you would like and exclude the submit button from being shown along with it. Here is a quick test form with just a clear button shown:
Thank you! I have found on some forms I'm able to format this how I want (all in one line) and others it doesn't work and the text wraps for no reason.
I would like it to look like https://form.jotform.com/60396588440161 (all one line)
But on some forms I'm getting two lines (https://form.jotform.com/60416882074154)
Can you please tell me how to fix this?
For the second form, if you add this code:
width : 520px;
It will increase the width of the specific text field and will allow for the full text to show on one line. Here is what the form would look like with the code added:
Thanks! I needed this too
I'm glad this thread discussion have helped you. Please feel free to open a new thread here in the forum if you need any help. Thank you.
To better assist you with your latest concern, I have moved your question to a new thread. You can check out that thread by following this link: https://www.jotform.com/answers/818081
Your question will be answered there in a timely manner.