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
LVL 1
leblancAccountingAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
Scott Fell, EE MVEConnect With a Mentor DeveloperCommented:
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
All Courses

From novice to tech pro — start learning today.