You are on page 1of 2

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Simple Student Record</title>

</head>
<body style="background-color: skyblue">
<CENTER><h2>Simple Student Records</h2></CENTER>

<table>

<tr>

<td>

<form onsubmit="event.preventDefault();onFormSubmit();"
autocomplete="on">
<h3>Student Form</h3>

<div>
<label>Full Name</label>

<label class="validation-error hide"


id="userNamevalidationError">This field is required</label>

<input type="text" name="userName" id="userName"


placeholder="Enter the user Name">
</div>

<div>
<label>Rollno</label>

<label class="validation-error hide"


id="rollNovalidationError" >This field is required</label>

<input type="text" name="rollNo" id="rollNo"


placeholder="Enter the Roll number">
</div>

<div>
<label>Student Class</label>

<label class="validation-error hide"


id="stdClassvalidationError">This field is required</label>

<input type="text" name="stdClass" id="stdClass"


placeholder="Enter the Student Class">
</div>

<div>
<label>Total Subject</label>

<label class="validation-error hide"


id="tsubvalidationError">This field is required</label>
<input type="number" name="tsub" id="tsub"
placeholder="Enter the Total Subjects">
</div>

<div>
<label>Age</label>

<label class="validation-error hide"


id="agevalidationError">This field is required</label>

<input type="number" name="age" id="age" placeholder="Enter


the Age">
</div>

<div class="form-action-buttons">

<input type="submit" value="Submit">


</div>
</form>
</td>

<td>

<table class="list" id="stdlist" style="background-color:


#C2976D;">

<thead>

<tr>
<th>Full Name</th>
<th> Roll no</th>
<th>Class</th>
<th>Total Subject</th>
<th>Age</th>
<th>Action</th>
</tr>
</thead>

<tbody>
</tbody>
</table>
</td>
</tr>
</table>

You might also like