Web Design in a Nutshell, 3rd Edition

This example shows button elements used in place of “submit” and “reset” buttons. Note that the button elements include both images and text content.

    <button type="submit" name="submit"><img src="thumbs-up.gif" alt="thumbs-up
icon" /> Finished. Ready for step two.</button>

    <button type="reset" name="reset"><img src="thumbs-down.gif" alt="thumbs-down
icon" /> Try again.</button>

Notice that the text that appears in the button (for example, “Try again”) does not necessarily have to match the variable name (reset). Usability experts recommend using clear and descriptive labels for buttons such as “Please press when completed.” The variable name for that button that is passed along for processing can be more utilitarian.