<!-- XHTML:Basics plus snippet 10. -->
<!-- Form using an image for the button. -->
<!-- Form using the 'button' element to create a button. -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>View snippet page</title>
</head>
<body>

<h1>Form using an image for the button.</h1>
<form name="frmTestImage" id="frmTestImage" method="get" action="6_testLink2.php">

<p>Name:</p>
<!-- text field -->
<input type="text" name="txtName1" id="txtName1" size="50" /><br /><br />

<!-- button image -->
<input type="image" src="over.gif" alt="Send" title="Send" name="imageButton" id="imageButton" />

</form>

<hr />

<h1>Form using the 'button' element to create a button.</h1>
<form name="frmTest" id="frmTest" method="get" action="6_testLink2.php">

<p>Name:</p>
<!-- text field -->
<input type="text" name="txtName2" id="txtName2" size="50" /><br /><br />

<!-- button using 'button' element -->
<button value="submit" name="button" id="button" type="submit">Submit this form</button> 
<!-- text can be replaced with an image using 'img src' -->
</form>

</body>
</html>