How do I use an image as a submit button?

Question

Can someone help to change this to incorporate an image called BUTTON1.JPG instead of the standard submit button?

Answer 1

Just remove the border and add a background image in css

Example:

$("#form").on('submit', function() {
   alert($("#submit-icon").val());
});

#submit-icon {
  background-image: url("https://pixabay.com/static/uploads/photo/2016/10/18/21/22/california-1751455__340.jpg"); /* Change url to wanted image */
  background-size: cover;
  border: none;
  width: 32px;
  height: 32px;
  cursor: pointer;
  color: transparent;
}