How do I use an image as a submit button?

by

Use an image type input:

<input type="image" src="https://stackoverflow.com/Button1.jpg" border="0" alt="Submit" />

The full HTML:

<form id='formName' name="formName" onsubmit="redirect();return false;">
  <div class="style7">
    <input type="text" id='userInput' name="userInput" value="">
    <input type="image" name="submit" src="https://jekyllcodex.org/uploads/grumpycat.jpg" border="0" alt="Submit" style="width: 50px;" />
  </div>
</form>

More Related Contents:

  1. Multiple submit buttons in an HTML form
  2. Multiple submit buttons on HTML form – designate one button as default [duplicate]
  3. div 100% width with other div fixed
  4. How to design an HTML/CSS signature that will work in Outlook 2016? [duplicate]
  5. How to align 3 divs (left/center/right) inside another div?
  6. CSS: Width in percentage and Borders
  7. Can ordered list produce result that looks like 1.1, 1.2, 1.3 (instead of just 1, 2, 3, …) with css?
  8. Does opacity:0 have exactly the same effect as visibility:hidden
  9. Using sections in Editor/Display templates
  10. :after and :before CSS pseudo elements hack for Internet Explorer 7
  11. Create a HTML table where each TR is a FORM
  12. CSS image resize issue
  13. Is it possible to style a mouseover on an image map using CSS?
  14. Floating an image to the bottom right with text wrapping around
  15. HTML: Changing colors of specific words in a string of text
  16. Prevent Bootstrap Modal from disappearing when clicking outside or pressing escape? [duplicate]
  17. Adding custom attribute (HTML5) support to JSF 2.0 UIInput component
  18. How to change content on hover
  19. How can I style a file input field in Firefox?
  20. How can I center a div within another div? [duplicate]
  21. Open an exe file through a link in a HTML file?
  22. Slanted diagonal line in html or css?
  23. Why do s clear floats?
  24. CKEditor strips inline attributes
  25. Why does `transform` break `position: fixed`?
  26. How to get ScrollBars in SVG?
  27. contenteditable=false inside contenteditable=true block is still editable in IE8
  28. How can I make Bootstrap 4 columns all the same height? [duplicate]
  29. Changing image src depending on screen size
  30. Balanced text wrapping in HTML

Leave a Comment