Question

I need to create a table with two rows and three columns.

<table border="1">
    <tr>
        <td>Male</td>
        <td>Female</td>
        <td>Total</td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

Here I need the second row table data’s as a input field like a form. I need to fill them by my own and submit it. How can this be done.
Thank You

Answer 1

if your sending your form to serverside then there is no need to take hidden field. Instead give name attribute to your fields. It will be available on the serverside page.

 <form id="FormName" action="server.php">
    <table border = "1">
<tr> 
<td> Male </td>
<td> Female </td>
<td> Total </td>
</tr>
<tr>
<td> <input type="text" id="name" name="name" /></td>
<td> </td>
<td> </td>
</tr>
</table>

<input type="button" value="Submit Data" onclick="submitForm()" />
</form>    

function submitForm(){
if(false)//check for errors
{

}else{

            $('#FormName').submit();

        }
}