A submit button created using <input type=”submit> is rather a drab looking gray colored entity, unless you know style sheets. For all you designers who have detested this dull button, here is a solution to add color to your HTML forms.
The simplest way is to use an image as a submit button employing the <input> HTML form tag.
<input type="image" src="butup.gif" alt="Submit button">
When using this tag, you should remember some important differences between Netscape and Internet Explorer and how they handle this tag.
Furthermore, you notice that I’ve attached onmouseover and onmouseout event handlers to make your button more interactive.
When you mouse the mouse pointer over the image, the source (src) of image sub_but, which is located in myform form is changed to butdown.gif via onmouseover() and when the mouse pointer is removed from the image, the source is changed to butup.gif via onmouseout.
Move your mouse over the button to see the how it behaves and then click on it.
The El Capitan OS X version is named after the El Capitan rock formation at the Yosemite National Park. Wallpapers that came with the operating system featured this vertical rock. [more...]