So, You Want An Image Starting Your Form, Huh?

By Joe Burns


Building the Right Environment to Support AI, Machine Learning and Deep Learning

     Here's an example of what I'm talking about. Below is a simple form. However, instead of a link button starting it off, the user clicks on an image. Like so:

Please enter your name:

Make any comments you'd like below:

Thanks for your input

How It's Done

     There's no need showing you how the form is made. I go over that in the forms tutorial and the guestbook tutorial pretty well. What I am concerned with here is the input button. Here's the format I used to make the button above:

<INPUT TYPE="image" SRC="hgbutt.gif" HEIGHT="24" WIDTH="129" BORDER=0 ALT="picture button">

     Notice it's the same format as the normal link button except instead of the type being "SUBMIT", it's now "IMAGE". The SRC has to be added to call for the image and the height, width, border, and alt commands define the image for the browser, and lose the blue border that comes with an active image link.

     I hope you can use this in your own pages!


Make a Comment

Loading Comments...

  • Web Development Newsletter Signup

    Invalid email
    You have successfuly registered to our newsletter.

    By submitting your information, you agree that htmlgoodies.com may send you HTMLGOODIES offers via email, phone and text message, as well as email offers about other products and services that HTMLGOODIES believes may be of interest to you. HTMLGOODIES will process your information in accordance with the Quinstreet Privacy Policy.

Thanks for your registration, follow us on our social networks to keep up-to-date