ProjectOne/index.html at main · Mithradevi1303/ProjectOne · 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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html>
<head>
    <title>Student Form</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
<center>
    <h1>Student Form</h1>
</center>
<!-- FORM -->
<form id="Form" onsubmit="addStudent(event)">
    <table>
        <tr>
            <td>Name:</td>
            <td><input type="text" id="Name" required></td>
        </tr>

        <tr>
            <td>Age:</td>
            <td><input type="number" id="Age" required></td>
        </tr>

        <tr>
            <td>Gender:</td>
            <td>
                <input type="radio" name="Gender" value="Male" required> Male
                <input type="radio" name="Gender" value="Female"> Female
            </td>
        </tr>

        <tr>
            <td>Course:</td>
            <td>
                <select id="Course">
                    <option>Java</option>
                    <option>Java Script</option>
                    <option>Python</option>
                    <option>Ms Excel</option>
                    <option>Front-end development</option>
                    <option>Data Science</option>
                    <option>Node js</option>
                    <option>React js</option>
                </select>
            </td>
        </tr>

        <tr>
            <td>Email:</td>
            <td><input type="email" id="Email" required></td>
        </tr>
    </table>

    <button id="b">Save</button>
</form>

<!-- TABLE -->
<center>
<table id="tabledata">
    <tr>
        <th>Name</th>
        <th>Age</th>
        <th>Course</th>
        <th>Email</th>
        <th>Action</th>
    </tr>

    <tr>
        <td>Reena</td>
        <td>25</td>
        <td>Python</td>
        <td>abcdmnbv2389@gmail.com</td>
        <td><button class="delete-btn" onclick="deleteRow(this)">Delete</button></td>
    </tr>

    <tr>
        <td>Meena</td>
        <td>22</td>
        <td>Java</td>
        <td>Meena89@gmail.com</td>
        <td><button class="delete-btn" onclick="deleteRow(this)">Delete</button></td>
    </tr>
</table>
</center>

<!-- JAVASCRIPT -->
<script src="indexstyle.js">

</script>

</body>
</html>