OscarminiOscarmini
  • Home
  • Reviews
  • Computers
  • How Tos
  • Travel & Lifestyle
  • Phone ROMs
  • Contact
    • Advertise
    • About Us
Facebook Twitter Instagram
  • Advertise With Us
  • Newsletter
Facebook Twitter Instagram
Oscarmini Oscarmini
  • Home
  • Reviews
  • Computers
  • How Tos
  • Travel & Lifestyle
  • Phone ROMs
  • Contact
    • 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
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.

Get the most important happenings in your inbox weekly

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

Kenya to Produce Its First Electric Buses

February 2, 2023

AfriGo, Nigeria’s First National Payment Card

February 2, 2023

IBM to Lay off 3,900 Workforce Globally

January 30, 2023

Airtel Introduces eSIM in Nigeria

January 30, 2023
Get the best African tech newsletters in your inbox
Oscarmini
Facebook Twitter Instagram YouTube
© 2023 Oscarmini Co. Designed by illBytes.

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