form/form.html at master · unparalleled-coder/form · 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
<!DOCTYPE html>
<html>
    <head>
        <title>Registration Form</title>
        <link rel="stylesheet" href="css/form_style.css">
    </head>
    <body>
        <div id='container'>
            <h1>Registration Form</h1>
            <p>Fill out the form carefully.</p>
            <form message='post' action="process.php">
                <ul>
                    <li>
                        <label for="roll_no">PRN:</label>
                        <input roll='roll_no' type='number'>
                        <br>
                        <br>
                    </li>
                    <li>
                        <label for="class">Branch:</label>
                        <select name="class">
                            <option value="cs">Computer</option>
                            <option value="it">Information Technology</option>
                            <option value="elex">Electronics</option>
                            <option value="mech">Mechinal</option>
                            <option value="chem">Chemical</option>
                            <option value="elec">Electrical</option>
                            <option value="civil">Civil</option>
                        </select>
                        <br>
                        <br>
                    </li>
                    <li>
                        <label for="first_name">Full Name:</label>
                        <input name='first_name' type='text'>
                        <br>
                        <br>
                    </li>
                    <li>
                        <label for="birth_date">Birth Date:</label>
                        <input name='birth_date' type="date"/>
                        <br>
                        <br>
                    </li>
                    <li>
                        <label for="gender">Gender:</label>
                        <input name='gender' type='radio' value='Male'/>Male
                        &nbsp;
                        <input name='gender' type='radio' value='Female'/>Female
                        &nbsp;
                        <input name='gender' type='radio' value='Others'/>Other
                        <br>
                        <br>
                    </li>
                    <li>
                        <label for="contact">Contact:</label>
                        <input name='contact' type="tel">
                        <br>
                        <br>
                    </li>
                    <li>
                        <label for="email">E-Mail:</label>
                        <input name='email' type="email" value="ex: unique@gmail.com">
                        <br>
                        <br>
                    </li>
                    <li>
                        <label for="address">Address:</label>
                        <textarea name="address" ></textarea>
                        <br>
                        <br>
                    </li>
                    <li>
                        <label for="photo">Photo(optional):</label>
                        <input name='photo' type="file" value='Choose File'>
                        <br>
                        <br>
                    </li>
                    <input type="submit" value='Submit'>
                    &nbsp;
                    <input type="button" value='Print Form'>
                </ul>
            </form>
        </div>
    </body>
</html>