Jump to content


Photo

Know how to edit HTML form code to customize the submit button?


  • Please log in to reply
4 replies to this topic

#1 Tie

Tie

    Solid Ground

  • Bronze
  • Pip
  • 12 posts

Posted 22 April 2020 - 04:48 PM

Hey Marketing Checkpoint members & guest,

 

 

 It takes a special kind of person to learn and implement code

as most people get frustrated with technical issues. 

 

 

Does anyone know how to take an html form code and 

edit it to change the submit button from inferior looking 

to a more fancy appearance, perhaps a "Click Here" png image?


  • 0

#2 Laur

Laur

    Mild

  • Bronze
  • PipPipPipPip
  • 140 posts

Posted 29 April 2020 - 02:20 PM

If you are using html code, just replace 

 

<input type="submit" value="Click Here!">

with

<input type="image" src="http://yourwebsite.com/image.png">


  • 0

#3 Maryanne Myers -Webstars2K

Maryanne Myers -Webstars2K

    Medium

  • Bronze
  • PipPipPipPipPip
  • 248 posts

Posted 29 April 2020 - 05:22 PM

You can also style it  by adding this in the end (and custom it how you want)

 

..... image.png style="border:1px solid #ff0000;border-radius:15px;padding:5px;">

 

You can also dot it like border:1px dotted solid #ff0000;

or make it dashed instead of dotted. There is so much more you can do to the image too. Just look up css style submit button, in google. You actually dont need an image at all.


  • 0

PHP Programmer - Internet Marketer - Web Designer - Advertising Network Owner

Celebrating 22 years in business - Since 1998

https://webstars2k.com

 

 


#4 Tie

Tie

    Solid Ground

  • Bronze
  • Pip
  • 12 posts

Posted 16 May 2020 - 06:58 AM

If you are using html code, just replace 

 

<input type="submit" value="Click Here!">

with

<input type="image" src="http://yourwebsite.com/image.png">

 

Thank you for the feedback Laur :)


  • 0

#5 Tie

Tie

    Solid Ground

  • Bronze
  • Pip
  • 12 posts

Posted 16 May 2020 - 07:01 AM

You can also style it  by adding this in the end (and custom it how you want)

 

..... image.png style="border:1px solid #ff0000;border-radius:15px;padding:5px;">

 

You can also dot it like border:1px dotted solid #ff0000;

or make it dashed instead of dotted. There is so much more you can do to the image too. Just look up css style submit button, in google. You actually dont need an image at all.

 

Thank you Maryanne, I appreciate your response.


  • 0




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users