Using an Image for Submit Button in Form

Gray Matter

To use an image instead of submit button in form is so simple. To do so we use <input> element and select the type image.

See below code-

<input type="image" src="image_path" alt="submit">

The above code will display image instead of button.

We have used alt attribute. In any case if browser could not display image then text "submit" will be displayed.

Output of the code used in previous heading will be as below, if we use image instead of button-

← Preview

NOTES

Download