Type <input type="submit".
If desired, type value="submit message" where submit message is the text that will appear in the button.
Type the final />
Figure 17.41. I apply a background and font formatting to the submit button. For more information on selecting by attribute, see page 147.
Figure 17.42. The submit button activates the script that collects the data from the form. You can personalize the button's contents with the value attribute. (The phrase Order Bed is clearer for your visitors than the default text Submit Query).
Type <button type="submit">.
Type the text, if any, that should appear on the left side of the image in the button.
Type <img src="image.url" where image.url is the name of the image that will appear on the button.
Type alt="alternate text", where alternate text is what appears if the image doesn't.
If desired, add any other image attributes.
Type /> to complete the image.
Type the text, if any, that should appear on the right side of the image in the button.
Figure 17.44. I gave the buttons more body by applying an outset border that is the same color as the background in the CSS.
Figure 17.45. The (X)HTML code for a submit button with an image is a little more complicated, but looks so good. (Of course, it would help if I could actually draw.)