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

    Clear Form Button

    Asked by advancemoves on March 06, 2012 at 09:49 AM

    am I able to change the button text for clear form as I am with Submit button?  I am translating a Form in to Spanish and Clear Form needs to read in Spanish.

    Page URL:
    http://form.jotform.com/form/20524702222

    clear form
  • Profile Image

    Answered by edz_kgs on March 06, 2012 at 10:01 AM

    I believe this can be done by going into your source code and changing the word "clear form" from there.

    Just go to "Embed Form" and click "Source". Copy the code and paste it to a text editor tool (like notepad). Search for the word you want to edit and change it. Paste and publish it on your website.

    Edz

     

  • Profile Image
    JotForm Support

    Answered by idarktech on March 06, 2012 at 10:05 AM

    It's easy, add Free Text HTML tool to your form, click edit HTML and paste this code below:

     

    <script>document.getElementById('input_reset_28').innerHTML="YOUR_CLEAR_TEXT";</script>

    Just change YOUR_CLEAR_TEXT to your actual clear text. Hope this helps.

     

  • Profile Image

    Answered by advancemoves on March 06, 2012 at 10:45 AM

    perfect idarktech - works great

  • Profile Image

    Answered by pinoytech on March 06, 2012 at 12:44 PM

    Cheers!! Have a great day.

    Thank you for using JotForm!

  • Profile Image

    Answered by advancemoves on March 14, 2012 at 07:54 AM

    i have moved the subit and clear buttons to another location on my form but now I cannot get the html script to work:

    <script>document.getElementById('input_reset_28').innerHTML="Borrar";</script>

    It seems to change in form design screen but preview and embedded forms do not refelct vhanged button text?

     

    http://form.jotform.com/form/20524702222

     

     

  • Profile Image

    Answered by ItalyTech on March 14, 2012 at 08:13 AM

    I've looked up your form and I can see this button .. Note that your objects "Perido de Materials", "Solicitar serie de cajas" and "Solictar cajas individuales" are closed and you must click it to expand it.


    Hope it helps.

    Alessandro

  • Profile Image

    Answered by advancemoves on March 14, 2012 at 08:42 AM

    Hi, no i don't thinkt that makes any difference.  The clear button is not in a collapsed section.  The Clear button is visible on the form but the HTML script in the HTML free text field is not running and not changing the button label.

  • Profile Image

    Answered by jcm0731 on March 14, 2012 at 08:53 AM

    @Advancemoves,

    First possibility I can think of that is causing the none change on the label is the button "Input_ID" could have change.(see script in blue font)

    <script>document.getElementById('input_reset_28').innerHTML="Borrar";</script>

    Please check if the input_reset_28 is really the button ID that you are using.

    Thanks. 

  • Profile Image

    Answered by advancemoves on March 14, 2012 at 09:20 AM

    yes, looking at the source code,

    <button id="input_reset_28" type="reset" class="form-submit-reset form-submit-button-push_red">
                  Clear Form
                </button>

     

    and this is my html:

     

    <script>document.getElementById('input_reset_28').innerHTML="Borrar";</script>

  • Profile Image

    Answered by jcm0731 on March 14, 2012 at 09:28 AM

    Yes, you are right. I just checked also.
    It seems the HTML is not working anymore though.
    When I check your HTML, it contains some jumbled text, instead of the script. That is on my end though.

  • Profile Image

    Answered by jcm0731 on March 14, 2012 at 10:04 AM

    @Advancemoves,

    This are the text I am seeing in your HTML in the form (see screen below)
    Can you please try to update it. Maybe this will work. 

  • Profile Image
    JotForm Support

    Answered by idarktech on March 14, 2012 at 11:14 AM

    @advancemoves,

    Here's how you can fix it:

    Open first your notepad then paste this:

    <script>document.getElementById('input_reset_28').innerHTML="Borrar";</script>

    After that, replace your old Free Text HTML field with a new one, then paste the code from your notepad to your new Free Text HTML field.

    Here's a clone form of yours: http://www.jotform.me/form/20734601299454

    Please try it and let us know if you're having difficulties so that we can further assist you. Thanks.

  • Profile Image

    Answered by advancemoves on March 14, 2012 at 11:25 AM

    no, it will not save the information I enter into the html editor.  Every time I go back in it is empty.

  • Profile Image
    JotForm Support

    Answered by idarktech on March 14, 2012 at 11:27 AM

    @advancemoves,

    Please try my suggestion above and let us know if this helps or not. Thanks.

    P.S. Do not paste it on the HTML Source Editor. Just paste it directly on the Free Text HTML workarea.

  • Profile Image

    Answered by jcm0731 on March 14, 2012 at 11:47 AM

    @advancemoves,

    Idarktech suggestion should do it.
    Additionaly, please check the screen below for guidance.

     

  • Profile Image

    Answered by advancemoves on March 14, 2012 at 12:02 PM

    yes this has worked thanks.  Was it the text formatting of the script which was nornalised via notepad?

  • Profile Image
    JotForm Support

    Answered by idarktech on March 14, 2012 at 12:26 PM

    When you copy paste it directly to your Free Text HTML field it may sometimes do not work because of the formatting, e.g.  

    <p><span style="background-color: #c0c0c0;">&lt;script&gt;document.getElementById('input_reset_28').innerHTML="Borrar";&lt;/script&gt;</span></p>

    which is supposed to be this:

    <script>document.getElementById('input_reset_28').innerHTML="Borrar";</script>

    But, pasting it to notepad would clear this formatting and should work normally when added to your Free Text HTML tool.

    Thanks. If you have further questions, please let us know. Have a great day!

  • Profile Image

    Answered by CitygateBmth on April 02, 2015 at 12:04 PM

    Does this still work? Whenever I paste into the text (I notice it's been renamed) section the code just disappears.
  • Profile Image

    Answered by raul on April 02, 2015 at 01:53 PM

    @CitygateBmth

    I've moved your question to a separate thread so we can address it properly.
    You can find the new thread here: http://www.jotform.com/answers/545556

    We'll be answering as soon as we can.
    Thank you.