<!DOCTYPE html>
<html>
<style>
table, th, td {
  border:1px solid black;
}
</style>
<body>

<h2>A basic HTML table</h2>

<form action="javascript:void(0);" id="frmdata" onsubmit="submitFormData()">

<table>
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
	<td><input type="text" name = "aaa"  id="aaa" value = "rien" /></td>
	<td><input type="text" name = "bbb"  id="bbb" value = "zou" /></td>
	<td><input type="text" name = "ccc"  id="ccc" value = "478" /></td>

   
  </tr>
  <tr>
    <td><input type="text" name = "ddd"  id="ddd" value = "000" /></td>
	<td><input type="text" name = "eee"  id="eee" value = "fgdddata" /></td>
	<td><input type="text" name = "fff"  id="fff" value = "gros" /></td>
  
  </tr>
</table>

<button type="submit">Submit</button>
</form>

<script>

function submitFormData() 
{
			
			champ = document.getElementById("eee").value;
			alert("plouf " + champ );
}
</script>

</body>
</html>
