Task1-resume/crud.html at master · Parth233/Task1-resume · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>

<html lang="en">
<head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>CRUD in Table</title>
  <link rel="stylesheet" href="Crud Table.css">

</head>
<body>

  <div class="form" >
     <form id="form" >
           Name:  <input type="text" placeholder="Name"id='name' name="name" required />
           Age:     <input type="number"  placeholder="AGE" id='age' name="age" required />
           City: <input type="text"  placeholder="City" id='city' name="city" required />
             Salary: <input type="text"  placeholder="Salary" id='salary' name="salary" required /><br><br>
             <button type="submit" name="Name" onclick="addSuperHero(event)" >Add SuperHero</button>
     </form>
  </div><br><br>
  <div class="form">
    <form id="form1">
     Search: <input type="text" placeholder="Search" name="search" id="search" onkeyup="Searchf()"/>
    </form>
  </div>
   <table>
    <thead>
      <tr>
        <th>ID</th>
    <th>Name</th>
    <th>Age</th>
    <th>City</th>
    <th>Salary</th>
    <th>Delete</th>
  </tr>
     </thead>
  <tbody id="tdata"></tbody>
</table>
  <h1 id ="h1"></h1>
  <script src="Crud Table.js"></script>
</body>
</html>