Web-Designing/formadvanced.html at main · Mahi157/Web-Designing · 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
93
94
95
96
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            background-color: red;
        }

        form {
            background-color: Yellow;
        }

        label {
            width: 100px;
            display: inline-block;
        }
    </style>
</head>

<body>
    <table border="2">
        <tr>
            <th rowspan="3">class</th>
            <th colspan="2">name</th>
            <th>roll.no</th>
        </tr>

        <tr>
            <td>cse 20</td>
            <td>Suhani</td>
            <td>001</td>
        </tr>

        <tr>
            <td>cse 20</td>
            <td>Ram</td>
            <td>002</td>
        </tr>

    </table>

    <form>
        <input type="submit"><br>
        <input type="button" value="login">
        <input type="reset">
    </form>
    <form>
        <fieldset>
            <legend> Log in Page</legend>
            USER ID: &nbsp; &nbsp; &nbsp; <input type="text" autofocus required action="#" method="post" maxlength="13"
                size="13" placeholder="Enter your User Id"><br>
            PASSWORD:<input type="text" placeholder="Enter your Password " required maxlength="8" size="13"><br>
            <input type="submit">

            <input type="reset">
        </fieldset>
    </form>
    <br>
    <br>
    <br>
    <br>
    <form>
        <fieldset>
            <legend>My Detail Page</legend>
            <label> Name:<input type="text" name="sname"><br>
                <label> Father Name:<input type="text" name="fname"><br>
                    <label> Mother Name:<input type="text" name="mname"><br>
                        <label> Contact No.:<input type="text" name="contact"><br>
                            <label> Email id:<input type="email" name="email"><br>
                                <label> Date of Birth:<input type="date" name="dob"><br>
                                    <label> Gender:<input type="radio" name="Gender">Male
                                        <input type="radio" name="Gender">Female<br>
                                        <label> Hobbies:<input type="checkbox" name="hobbies">Reading
                                            <input type="checkbox" name="hobbies">Travelling
                                            <input type="checkbox" name="hobbies">Cricket<br>
                                            <label> Address:<textarea></textarea><br>
                                                <label> Course</label>
                                                <select>
                                                    <option>Select Courses</option>
                                                    <option>M.Tech</option>
                                                    <option>B.Tech</option>
                                                    <option>MBA</option>
                                                    <option>MCA</option>
                                                </select><br>
                                                <input type="submit">
                                                <input type="reset">
        </fieldset>
    </form>
</body>

</html>