Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 483
  • Last Modified:

submit button form code

I have some code for my contact form with the standard SUBMIT button. I have my own graphic for the submit button. How do I replace the standard button with my customize button. Thx
0
leblanc
Asked:
leblanc
1 Solution
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
You could use
<input type="image" width="100" src="http://farm9.staticflickr.com/8446/7862424222_d97dd39d21_o.jpg">

Open in new window


Here is working sample http://jsbin.com/vuxagaki/1/edit?html,output

A more modern way would be to use the button tag <button type="submit"></button>
http://jsbin.com/vuxagaki/2/edit
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
<style>
  button.abc{
   height: 125px; 
width: 125px;   
background-image:url('http://ts2.mm.bing.net/th?id=HN.608032674750663463&pid=1.7');
background-repeat:no-repeat;
}
    
  }
  </style>
  </head>
<body>
  <button class="abc"></button>
</body>
</html>

Open in new window

0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now