www.webdeveloper.com
Results 1 to 4 of 4

Thread: how can set image on button.

  1. #1

    how can set image on button.

    Hello Guys,
    I want to make my website query form submit button graphically so help me how can be set png image on buttorn.
    Thanks for any reply.

  2. #2
    Join Date
    Mar 2012
    Posts
    1,495

  3. #3
    Join Date
    Mar 2013
    Posts
    12
    Or more like this:

    <button type="button">
    <img src="http://www.sportlemon.tv/webmasters/images/sport_1.png" alt="Save icon"/>
    <br/>
    Test button
    </button>

  4. #4
    Join Date
    Apr 2013
    Posts
    135
    i am using following code to set an image as submit button.

    <html>
    <head>
    <title>My Page</title>
    </head>
    <body>
    <form name="myform" action="http://www.mydomain.com/myformhandler.cgi" method="POST">
    <div align="center">
    <br><br>
    <input type="text" size="25" value="Enter your name here!">
    <br><input type="image" src="rainbow.gif" name="image" width="60" height="60"><br>
    </div>
    </form>
    </body>
    </html>

    or

    <body>
    <form name="myform" class="wrapper">
    <input type="text" name="q" onkeyup="showUser()" />
    <input type="button" name="button" value="Search" onclick="showUser()" class="button"/>
    <p>
    <div id="txtHint"></div>
    </p>
    </body>

    CSS.
    .button {
    background-image: url ('/image/btn.png') no-repeat;
    cursorointer;
    }

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles