MyCodes/Form.html at master · killerSo1234/MyCodes · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML FORM</title>
    <style>
        .center {
            margin: auto;
            width: 30%;
            border: 3px solid green;
            padding: 10px;
        }
    </style>
</head>

<body>
    <!-- Create a form for accept lastname, contact number, gender, hubbies, country, button for reset and submit -->
    <div class="center">
        <form>
            First Name : <input type="text" name="firstname" placeholder="Balgopal"> <br>
            Last Name : <input type="text" name="lastname" placeholder="Patro"> <br>
            Contact No : <input type="text" name="contactno" placeholder="9178922478"> <br>
            Gender:<input type="radio" name="gender" value="male" required>Male
            <input type="radio" name="gender" value="female">Female<br> <br>
            Hubbies : <br> <input type="checkbox" id="programming" name="programming" value="Programming">
            <label for="programming"> Programming</label><br>
            <input type="checkbox" id="Sports" name="Sports" value="Sports">
            <label for="Sports"> Sports</label><br>
            <input type="checkbox" id="Reading" name="Reading" value="Reading">
            <label for="Reading"> Reading</label><br><br>
            Country : <select name="country" required>
                <option value="">Select Country</option>
                <option value="India">India</option>
                <option value="USA">USA</option>
                <option value="UK">UK</option>
                <option value="Canada">Canada</option>
            </select> <br> <br>
            <input type="submit" name="submit" value="Submit">
            <input type="reset" name="reset" value="Reset">
        </form>
    </div>
</body>

</html>