Replacing a submit button with my own?

  • 1
  • Question
  • Updated 9 years ago
  • Answered
I have decided to use jotform now to collect e-mail subscription. Their code includes a "submit" button. The look of this button I don't really care for and want to replace it with my own but still have the information collected. Does anyone know if this is possible? This is the little snippet of code that comes with jotform:

< input type="submit" class="btn" value="Submit" / > How can I attribute my button to this?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
  • puzzled

Posted 9 years ago

  • 1
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
< input type="submit" class="btn" value=Your Text Here!" / >

hope this helps

al
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
This just changes the text, right?

Is there a way to also change the button itself to a button that I made?
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
ermm i think there is, i wiull tell you when i get back in 5 mins.

al
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
Hi Littleus! im back,

i have ad a look and i am sorry there is no way to change the button, you can change the link it goes to and the the text it says but not the achual button.

al
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
darn... i was hoping there was some kind of code we could add to replace that. Oh well.
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
hmm, well maybe you can with a but of HTML but i dont know how to.

maybe somone else better at html can help.

al
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
does anyone know of any html code that would allow me to replace the jotform submit button with my own and still have the jotform collect the necessary info?

jotform code: < input type="submit" class="btn" value="Submit" / >

my code for my button:
< a href="http://littleus.synthasite.com" > < img style="border-width: 0px;" src="http://i2.photobucket.com/albums/y12/..." >
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Hi littleus,

I've been through their 18 pages of questions on their forum and the FAQ, there has been no mention of changing the graphic of the submit button. Simply renaming the button.

Are you using the iframe vers or the std version?

The iframe seems to have a level f greater flexibility. I haven't used jotform so I can't give any personal experience on it.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Just a standard form but I've altered the code a bit to change the colour and size of the form.
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
I don't think they give you access to the graphic needed for the button .Thre was one mention of graphic associated with button but nothing of consequence.
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Hi littleus, try this code:
<!--
<input type="image" name="submit" src="http://i2.photobucket.com/albums/y12/..." class="btn" value="Submit"/>
-->
Leave out the <!-- and the --> at the begining and the end.

You can also read more here:
http://www.askdavetaylor.com/how_do_i...
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Boomer - you da man!!!

It worked out perfectly!!! Thanks so much!
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Nice Boomer! Very cool!
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Glad it worked !