<html>
<head>
<title>Student Volunteer Center Commitment Form</title>
<script type="text/javascript">
function updateName(){
document.getElementByName('name').firstChild.data = document.getElementById('name-input').value);
}
</script>
</head>
<body>
<h1>Student Volunteer Center</h1>
<h2>Commitment Form</h2>
<form>
<fieldset>
<legend>Contact Information:</legend>
<label>Name:</label><input id="name-input" type="text"
onblur="updateName()" />
<label>Event:</label><select onchange="updateEvent()">
<option>Event</option></select>
<label>Email Address:</label><input type="text"
onchange="updateEmail()" />
<label>Phone Number:</label><input type="text"
onchange="updatePhone()" />
</fieldset>
</form>
<p>I, <span name="name"></span>, am committing my time to
volunteer at field here on field here from field
here to field here.</p>
<p>If for any reason I am unable to attend, I will inform
my project leader and/or the Student Volunteer
Center at least 7 days before the event.</p>
</body>
</html>