Picture / Image as Submit Button

Written by @m_k_amin 10 December 2012

The appearance of the buttons does not have a special beauty by default, and if we want to have buttons with a special style, we can use photos instead of simple buttons. The following code does this and shows how to use an image / picture as submit buttons.

Code Snippet:

                                                
                                                <!-- this script is provided by https://www.htmlfreecode.com coded by: Kerixa Inc. -->
<form method="post" action="http://htmlfreecode.com/">
    Your Name: <input type="text" name="nameid" ><br>
    <INPUT type="image" name="search" src="http://www.htmlfreecode.com/files/perspective-button-stop-icon.png" width="120" height="120" border="0">
</form>
<a target='_blank' href='https://www.htmlfreecode.com' style='font-size: 8pt; text-decoration: none'>Html Free Codes</a>                                                
                                            

Example:


About @m_k_amin

This user is pending a biography.

M

Comments


Here you can leave us commments. Let us know what you think about this code tutorial!

0 / 300

TRENDING POST
1
2
3
4
5
VISITORS
Online Users: 12
Recent Members: carfaoui, Ali7hry, alexnicola, Adam20, Prashanthcs11
advertisement 2