Display Textfield on dataGrid

Heyyy guyss am having problems using button to display text in datagrid. I want to add name, comment, and more, just by typing into the textfield and clicking the apply button.

Heres my initial code

<body>
<form id=“form1” name=“form1” method=“post” action=“”>
<h1>SET UP MASTER
                           <a href=“www.jobutrax.com” target=“_top”>Main</a> | <a href=“www.jobutrax.com” target=“_top”>Logout</a></h1>
</form>
<form id=“form2” name=“form2” method=“post” action=“”>
<script language=“javascript”>

function ysp_add_select_option(targetSelect, optToAdd) {
if (document.all) {
targetSelect.add(optToAdd);
}
else {
targetSelect.add(optToAdd, null);
}
}

</script>
<p>
<select name=“type” onChange =“document.situational.submit()” ><option value=“type” >Pick Type</option><option value=“emp” >Employee</option><option value=“equip” >Equipment</option><option value=“parts” >Parts</option></select></form>
</select>
</p>
<h2><strong>Add to Grid</strong></h2>
<script language=“javascript” type=“text/javascript”>
function addtext(event) {
{
document.getElementById(“Gridview1”).value +=
(event.srcElement || event.target).firstChild.nodeValue.toString();
}
</script>
<script language=“javascript” type=“text/javascript”>
function selectCatGo_Click() {
var f;

f = self.document.frmSelectGroup;
f.method="POST";
f.id = "frmSelectGroup";
f.name = "frmSelectGroup";
f.submit();

}
</script>
<form1 name=“myform”>
<p>
<label for=“name”>Name</label>
<input type=“text” name=“nametext” id=“name” />
<label for=“rate”>Add Hrly Rate</label>
<input type=“text” name=“rate” id=“rate” />
</p>
<p>
<label for=“job2”>Job/ID #</label>
<input type=“text” name=“job” id=“job2” />
<label for=“comment”><br />
<br />
Comment</label>
<textarea name=“comment” id=“comment” cols=“45” rows=“5”></textarea>
</p>
<p>
<input type=“submit” name=“addtogrid” id=“addtogrid” value=“ADD TO JOB” onClick=“addtext(event)”/>
<input type=“radio” name=“placement” id=“add to existing” value=“append” checked />
<label for=“add to existing”>ADD TO EXISTING</label>
<input type=“radio” name=“placement” id=“Replace Existing” value=“replace” />
<label for=“Replace Existing”>REPLACE EXISTING</label>
</p>
</div>
<div>
<table cellspacing=“0” cellpadding=“4” border=“0” id=“GridView1” style=“color:#333333;background-color:White;border-style:None;font-family:Verdana;font-size:0.8em;border-collapse:collapse;”>
<tr style=“color:White;background-color:#5D7B9D;font-weight:bold;”>
<th scope=“id”>ID</th><th scope=“id”>fName</th><th scope=“id”>lName</th><th scope=“id”>Rate</th><th scope=“id”>Comment</th><th scope=“col”>Assign</th>
</tr><tr style=“color:#333333;background-color:#F7F6F3;”>
<td>172-32-1176</td><td>Tally One Version</td><td>kiranbabu</td><td>mikesprauve </td><td>44227</td><td><span title=“Assign”><input id=“GridView1” type=“checkbox” name=“GridView1$ctl02$ctl00” checked=“checked” /></span></td>
</tr><tr style=“color:#284775;background-color:White;”>
<td>213-46-8915</td><td>jockysfdsfgvdszg</td><td>pavan</td><td>9566885558 </td><td>12345</td><td><span title=“Assign”><input id=“GridView1” type=“checkbox” name=“GridView1$ctl03$ctl00” /></span></td>
</tr><tr style=“color:#333333;background-color:#F7F6F3;”>
<td>235-97-6789</td><td>Manfed</td><td>omar gg</td><td>3314-1289 </td><td>78906</td><td><span title=“contract”><input id=“GridView1” type=“checkbox” name=“GridView1$ctl04$ctl00” checked=“checked” /></span></td>
</tr>
</table>
</div>
</form1>
<p>
<input type=“submit” name=“Savetodatabase” id=“Savetodatabase” value=“Save” />
<input type=“submit” name=“Begin” id=“Begin” value=“Save & Begin” />
<input type=“reset” name=“update” id=“Update” value=“Update” />
</p>
<p> </p>
<p> </p>
<p> </p>
</form>
</body>
</html>

Or just displaying input in datagrid would be fine