HTML/Tables&Forms.html at main · Pavithra-git162/HTML · 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
<center>
<h1>Data</h1>
<table border="1">
    <tr>             <!--row-->
        <td>Name</td>  <!--column-->
        <td>Age</td>
        <td>location</td>
    </tr>
    <tr>
        <td>Pavithra</td>
        <td>20</td>
        <td>Chennai</td>
    </tr>
    <tr>
        <td>Naren</td>
        <td>27</td>
        <td>Chennai</td>
    </tr>
</table>
</center>


<form>
    Name:<input type="text"> <!--to create a text box--> <br>
    Age:<input type="number"> <!--to create a number input box--><br>
    <input type="submit">
    <input type="reset">


<form>
<table>
    <tr>
        <td>Name</td>
        <td><input type="text" placeholder="Enter your Name" ></td> <!--placeholder is used to show a hint in the input box-->


    </tr>
    <tr>
        <td>Age</td>
        <td><input type="number" placeholder="Enter your Age"></td>
    </tr>
    <tr>
        <td><input type="submit"></td>
        <td><input type="reset"></td>
    </tr>
</table>

</form>


<!--Exercise-->
<center>
<h2>Student Registration Form</h2>
<form>
    <table>
    <tr>
        <td>Name:</td>
        <td><input type="text" placeholder="Enter your Name"></td>

    </tr>
    <tr>
        <td>Age:</td>
        <td><input type="number" placeholder="Enter your age"></td>

    </tr>
    <tr>
        <td>Address:</td>
        <td><input type="text" placeholder="Location"></td>

    </tr>
    <tr>
        <td>Department:</td>
        <td><select>
            <option>Python</option>
            <option>Java</option>


        </select></td>
    </tr>
    <tr>
        <td></td>
        <td><input type="submit"></td>
    </tr>
    </table>
</form>
</center>