Close Menu
My SiteMy Site
  • Home
  • Reviews
  • Computers
  • How Tos
  • Travel & Lifestyle
  • Phone ROMs
  • Contact
    • Advertise
    • About Us
Facebook X (Twitter) Instagram
My SiteMy Site
  • Home
  • Reviews
  • Computers
  • How Tos
  • Travel & Lifestyle
  • Phone ROMs
  • Contact
    • Advertise
    • About Us
My SiteMy Site
Home»Web Design Tips»How to Use Image as submit button in forms
Web Design Tips

How to Use Image as submit button in forms

Oscar FrankBy Oscar Frank1 Min Read
Share
Facebook Twitter LinkedIn WhatsApp Pinterest Email

Html Forms

You might have at some point in web design decided not to use the grey submit botton in forms, but decided to use an image for the submit button. If you don’t know the little trick to do this, then this post is for you. Here is a trick to do that.

Normally HTML forms are in this format.
<form action=”http://site.com” method=”post”>
<input type=”text” name=”user” />
<input type=”submit” value=”submit” /></form>

Here is what you need to alter.

The second input type should be changed to “image”, then src=”picture url” should be added.

Your code should now look in this manner


And that’s it.

Related Posts

WordPress Blog Hosting made easy with SeekaHost Blog Hosting Control Panel

December 4, 2020

How to Create a Website with Elementor Page Builder in WordPress

April 1, 2019

Tomcat Based Java Hosting: A Beginner’s Guide

December 5, 2018
Add A Comment
Leave A Reply Cancel Reply

Recent Posts
  • 6 Sports Apps You Must Have On Your Phone
  • Valencia Travel Guide: All You Need to Know About This Spanish Gem
  • TikTok Faces Unexpected Ban in Senegal, Sparks Global Curiosity
  • The Apple GPT & Apple’s Chatbot Mysterious Debut
  • Triller Takes on TikTok: Filing for Public Listing
Get Exclusive Tech Insights!
My Site
Facebook X (Twitter) Instagram YouTube
© 2025 Oscarmini Co. Designed by illBytes.

Type above and press Enter to search. Press Esc to cancel.