Menu
Can someone help to change this to incorporate an image called BUTTON1.JPG instead of the standard submit button?
<form id='formName' name='formName' onsubmit='redirect();return false;'> <div class="style7"> <input type='text' id='userInput' name='userInput' value=''> <input type='submit' name='submit' value='Submit'> </div> </form> 
391
Definition and UsageThe <input type="image"> defines an image as a submit button. The path to the image is specified in the src attribute.
Placing the <img> tag inside the <button> tag creates a clickable HTML button with an image embedded in it.
The image buttons in the HTML document can be created by using the type attribute of an <input> element. Image buttons also perform the same function as submit buttons, but the only difference between them is that you can keep the image of your choice as a button.
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> Why not:
<button type="submit"> <img src="mybutton.jpg" /> </button> If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
