How do I use an image as a submit button?

Solution 1:

Use an image type input:

<input type="image" src="/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>

Solution 2:

Why not:

<button type="submit">
  <img src="mybutton.jpg" />
</button>

How do I use an image as a submit button?

Solution 1:

Solution 2:

Related

Recent Posts