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    lt form id  formName  name  formName  onsubmit  redirect   return false   gt       lt div class  style7  gt           lt input type  text  id  userInput  name  userInput  value    gt           lt input type  submit  name  submit  value  Submit  gt       lt  div gt   lt  form gt

User · Accepted Answer

Use an image type input    lt input type  image  src   Button1 jpg  border  0  alt  Submit    gt      The full HTML    x000D   x000D   lt form id  formName  name  formName  onsubmit  redirect   return false   gt  x000D     lt div class  style7  gt  x000D       lt input type  text  id  userInput  name  userInput  value    gt  x000D       lt input type  image  name  submit  src  https   jekyllcodex org uploads grumpycat jpg  border  0  alt  Submit  style  width  50px     gt  x000D     lt  div gt  x000D   lt  form gt   x000D   x000D   x000D

User · Answer

lt form id  formName  name  formName  onsubmit  redirect   return false   gt           lt div class  style7  gt       lt input type  text  id  userInput  name  userInput  value    gt       lt img src  BUTTON1 JPG  onclick  document forms  formName   submit     gt   lt  div gt   lt  form gt

User · Answer

HTML    lt button type  submit  name  submit  class  button  gt     lt img src  images free png    gt   lt  button gt    CSS    button

User · Answer

Just remove the border and add a background image in css  Example    x000D   x000D      form   on  submit   function     x000D     alert     submit-icon   val     x000D      x000D   submit-icon   x000D    background-image  url  https   pixabay com static uploads photo 2016 10 18 21 22 california-1751455  340 jpg       Change url to wanted image    x000D    background-size  cover  x000D    border  none  x000D    width  32px  x000D    height  32px  x000D    cursor  pointer  x000D    color  transparent  x000D    x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   lt form id  form  gt  x000D     lt input type  submit  id  submit-icon  value  test  gt  x000D   lt  form gt  x000D   x000D   x000D

User · Answer

Use CSS     input type submit     background url  BUTTON1 jpg         For HTML     lt input type  submit  value  Login  style  background url  BUTTON1 jpg     gt

User · Answer

Why not    lt button type  submit  gt   lt img src  mybutton jpg    gt   lt  button gt

[html] How do I use an image as a submit button?

Examples related to html

Examples related to form-submit

Examples related to submit-button