Sunday, September 15, 2024
HomeGuides

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

By Joe Burns

     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!

Enjoy!

Previous article
Goodies to Go! Newsletter #318
Next article
How Does Telnet Work?
Joe Burns
Joe Burns

Get the Free Newsletter!

Subscribe to Developer Insider for top news, trends & analysis

Popular Articles

Featured

The original home of HTML tutorials. HTMLGoodies is a website dedicated to publishing tutorials that cover every aspect of being a web developer. We cover programming and web development tutorials on languages and technologies such as HTML, JavaScript, and CSS. In addition, our articles cover web frameworks like Angular and React.JS, as well as popular Content Management Systems (CMS) that include WordPress, Drupal, and Joomla. Website development platforms like Shopify, Squarespace, and Wix are also featured. Topics related to solid web design and Internet Marketing also find a home on HTMLGoodies, as we discuss UX/UI Design, Search Engine Optimization (SEO), and web dev best practices.

Advertisers

Advertise with TechnologyAdvice on HTMLGoodies and our other developer-focused platforms.

Advertise with Us

Menu

Our Brands

Property of TechnologyAdvice.
© 2024 TechnologyAdvice. All Rights Reserved

Advertiser Disclosure: Some of the products that appear on this site are from companies from which TechnologyAdvice receives compensation. This compensation may impact how and where products appear on this site including, for example, the order in which they appear. TechnologyAdvice does not include all companies or all types of products available in the marketplace.