OscarminiOscarmini
  • Home
  • Reviews
  • Gadgets
  • Computers
  • How Tos
  • Travel & Lifestyle
  • Phone ROMs
  • Contact us
    • Advertise
    • About Us
Facebook Twitter Instagram
  • Home
  • Reviews
  • Gadgets
  • Computers
  • How Tos
  • Travel & Lifestyle
  • Phone ROMs
  • Contact us
    • Advertise
    • About Us
Facebook Twitter Instagram
Oscarmini Oscarmini
Subscribe
  • Home
  • Reviews
  • Gadgets
  • Computers
  • How Tos
  • Travel & Lifestyle
  • Phone ROMs
  • Contact us
    • Advertise
    • About Us
OscarminiOscarmini
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
Facebook Twitter WhatsApp LinkedIn Email
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.

Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
Oscar Frank
  • Website

A Nerd who blogs, makes music, Video-graphs, writes #codes and LOOPS the whole process for a living. Yeah! That's me. I'm on Facebook, Twitter or Instagram

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

Latest Posts

How to Immigrate to Canada

June 29, 2022

How to Apply for Canada Work Permit

June 29, 2022

Elon Musk has Just Hit the 100 Million Follower Mark on Twitter

June 28, 2022

HTC Unveils Desire 22 Pro, a Metaverse Focused Smartphone

June 28, 2022
Oscarmini
Facebook Twitter Instagram YouTube
© 2022 Oscarmini Co. Designed by illBytes.

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