Henry

<!DOCTYPE html>
<html>
<head>

<meta charset="ISO-8859-1">
<title>New Event</title>


<style>
body {
      font-family: Arial;
	  font-size: 12px;
	  
	  }
				
.NO {
    text-align: center;
    color: black;
}
				
				</style>

<script> 
function done () {
var a = document.getElementById("form");
return formObject.elements
}
</script>



</head>
<body>

<h1> Start an Event </h1>

<form id=form>

<table border=1 style="width:300px">
<tr>

  <th>Date</th>
  <th>Start Time</th>
  <th>End Time</th>
  
</tr>
<tr>
  <td><input class=input></td>
  <td><input class=input></td>
  <td><input class=input></td>
  
</tr>
</table> 

<p> Event Name <input class=input> </p>

<p> First Name <input class=input> </p>

<p> Last Name  <input class=input> </p>

<p> E-Mail <input class=input> </p>

<p> How many people are needed?<input class=input></p>

<p> Are any extra supplies needed? <input class=input> </p>

<p> Where is the event happening? <input class=input> </p>

<p> Additional Information </p>
<textarea rows=5 cols=35 id=aboutEvent class=input> </textarea>


<button type="button" id="submit" onclick = "done()"> Submit </button> 
<p id="demo"></p>
</form>
</body>
</html>