1<!DOCTYPE html>
2<html>
3
4<head>
5 <title>
6 JavaScript CRUD Example Tutorial
7 </title>
8 <link rel="stylesheet" href="style.css">
9</head>
10
11<body>
12
13 <h1><center>JavaScript CRUD Example Tutorial</center></h1>
14 <hr>
15 <div class="employee-form">
16 <form onsubmit="event.preventDefault();onFormSubmit();" autocomplete="off">
17 <div>
18 <label>Full Name*</label><label class="validation-error hide" id="fullNameValidationError">This field is required.</label>
19 <input type="text" name="fullName" id="fullName">
20 </div>
21 <div>
22 <label>Email Id</label>
23 <input type="text" name="email" id="email">
24 </div>
25 <div>
26 <label>Salary</label>
27 <input type="text" name="salary" id="salary">
28 </div>
29 <div>
30 <label>City</label>
31 <input type="text" name="city" id="city">
32 </div>
33 <div class="form-action-buttons">
34 <input type="submit" value="Submit">
35 </div>
36 </form>
37 </div>
38 <br/>
39 <div class = "employees-table">
40 <table class="list" id="employeeList">
41 <thead>
42 <tr>
43 <th>Full Name</th>
44 <th>Email Id</th>
45 <th>Salary</th>
46 <th>City</th>
47 <th>Actions</th>
48 </tr>
49 </thead>
50 <tbody>
51
52 </tbody>
53 </table>
54 </div>
55 <script src="script.js"></script>
56</body>
57</html>