WebBuilder101 - Making the web happen!
Need Web Dev software? Here is the place to
Flash Point

How to create Image buttons

By Eddy R.
12-13-99

As a web builder, one is always looking for ways to make one's site more appealing to the viewer's eyes. Well, here is something you can do to add more life to your form(s).

Use an Image

That's right, instead of using the dull submit button in your forms, use an image (as an input button) to make your form look more interesting. Here is how.

Create a form and replace the HTML you would use to create a submit button with the HTML below. If you need a refresher on how to create forms, check out Creating Forms first and then come back to continue.

<INPUT TYPE="image" SRC="your_image.gif" HEIGHT="20" WIDTH="100" BORDER=0 ALT="Submit">

The SRC attribute is important for it is the HTML that calls the image. Also, make sure that the URL for "your_image.gif" has a well defined path - for example www.yoursite.com/image/your_image.gif.

Now, here is what your new and improved form would look like.

Example Form (this form is not active)

Name:

Email:

Try it, and give life to your forms.

.

 

More Resources
Creating Forms
Learn the code
What is HTML?
HTML Editors
Designing Tips
Dynamic Sites
Webknowhow
Developer

Suggested Reading

Beginning Active Server Pages 3.0
JavaScript Bible
Red Hat Linux
Dreamweaver 3.0
HTML Bible



Download WB101 Wallpaper
• Web Builder 101 Wallpaper Get it!.
• Find out how to create your own Wallpaper Teach me!.
Sign up for our Newsletters
• Web Building Sign me Up!.
• Net Alert! Sign me Up!.
Need Help?
• Contact Support Click here.
• E-mail the Webmaster Click Here.
• Search Tips Click Here.

Webbuilder101.com © 1998 - 2003 Copyright and Terms of Use
Send mail to: webmaster@webbuilder101.com

» About » Support

» FAQ » What's New » MyLog

Web Builder 101 Web Builder 101 - Making the Web Happen Web Builder 101 - Making the Web Happen
.