Feedback/Enquiry forms are used all over the place on the internet however in reality you dont get much control on the appearance. One thing you can do however is change that little button, usually titled Submit, to an picture which blends nicely into your website.
If you are not sure what I am actually on about then take a look at the following:
<FORM><INPUT TYPE="Submit" Value="Submit"></FORM>
We have all seen this button before on websites. The interesting thing about this is that we can change this button by changing a slight piece of HTML code to an image such as a .GIF or a .JPG file. This image obviously could of been constructed in your favourite paint package such as Paint Shop Pro or Fireworks.
So what do you need to change? Well if you already have a web form on your own website, take a look at the source code(HTML) and look for a line which might look like the following:
<INPUT TYPE="Submit" Value="Submit">
This line is usually located nearer the bottom of your HTML code, but before the </FORM> tag.
In order for you to change this button to show your nice new submit image, you need to ensure that you have your picture available in the correct location. Usually its always rule of thumb to place all your images into an images directory. For the following to work, we will ensure that we have an images directory that our image button has been put into.
Now we need to make this change to our HTML code in order for our new button to appear. Here is the changed version:
<INPUT TYPE="IMAGE" SRC="images/mybutton.gif">
The above example has told the form to display a picture instead of using the default button. As you can see, we have changed the TYPE to be an IMAGE. The next change we have made is included the SRC definition to indenify the location of the picture. This tells the form where to find the picture on our website. If you don't have an images directory, then just remove the images/ from inside the SRC="" parameter. To show you an example of what you might get, here is an example:
<FORM><INPUT TYPE="IMAGE" SRC="images/submitarticle.gif"></FORM>
Thats it really. Quite simple. Although this article is targetted at people who dont have much experience with HTML, its one to always remember. Good Luck!