Scribd
Upload
12 views

Sdcproject

This document contains a simple student record form and table to display student details. The form allows entering a student's full name, roll number, class, total subjects, and age. The table displays the student list with columns for each entered field plus an action column. A submit button saves new student records to the table.

Uploaded by

anandita chalamalasetti
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
12 views

Sdcproject

This document contains a simple student record form and table to display student details. The form allows entering a student's full name, roll number, class, total subjects, and age. The table displays the student list with columns for each entered field plus an action column. A submit button saves new student records to the table.

Uploaded by

anandita chalamalasetti
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 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