Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 469
  • 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 MVEDeveloperCommented:
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

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

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