Clearing Contact Form Fields

How do I clear out the fields on a contact form.  Whenever I start typing in the field, anything that has been input before is still there.

<form id="contactform" method="post" action="index.php" maxlength="50" size="30" class="input">
											<div>
												<div  class="wrapper">
													<span>Reason:</span>
													<select name="subject" id="subject" class="input">
			  										<option value="Inquiries">Inquiries</option>
			  										<option value="Press">Press</option>
			  										<option value="Employment">Employment</option>
                									<option value="Proposals">Proposals</option>
													</select>
												</div>
                                                <div  class="wrapper">
													<span>Name:</span>
													<input  type="text" name="name" maxlength="50" size="30" class="input">
												</div>
												<div  class="wrapper">
													<span>E-mail:</span>
													<input  type="text" name="email" maxlength="80" size="30" class="input">
												</div>
												<div  class="textarea_box">
													<span>Message:</span>
													<textarea  name="comments" maxlength="1000" cols="30" rows="6" class="input"></textarea>
												</div>
												<div class="wrapper">
													<span>&nbsp;</span>
                                                    <p></p>                                                    
													<a href="#" class="button1" onClick="document.getElementById('contactform').reset()"><span></span><strong>Clear</strong></a>
													<a href="#" class="button1" onClick="document.getElementById('contactform').submit()"><span></span><strong>Send</strong></a>
												</div>
											</div>
										</form>

Select allOpen in new window

www.schuremediagroup.com

then Contact