HTML-Projects/form.html at main · SirRoll93/HTML-Projects · 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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html>

    <head>
        <title>Sir_Roll</title>
    </head>
    <body style="background-color:#dddd7b">

        <form>
            <label for="first_name">First Name:</label>
            <input type="text" id="first_name" name="first_name" placeholder="Enter only your first name">

            <br><br>

            <label for="fast_name">Last Name:</label>
            <input type="text" id="last_name" name="last_name" placeholder="Enter only your last name">

            <br><br>

            <label for="title">Title:</label>

            <label for="Sir.">Sir.:</label>
            <input type="radio" value="Sir." id="Sir." name="title">

            <label for="Mr.">Mr.:</label>
            <input type="radio" value="Mr." id="Mr." name="title">

            <label for="Mrs.">Mrs.:</label>
            <input type="radio" value="Mrs." id="Mrs." name="title">

            <label for="Miss.">Miss.:</label>
            <input type="radio" value="Miss." id="Miss." name="title">

            <label for="Doc.">Doc.:</label>
            <input type="radio" value="Doc." id="Doc." name="title">

            <label for="Hon.">Hon.:</label>
            <input type="radio" value="Hon." id="Hon." name="title">

            <label for="Rev.">Rev.:</label>
            <input type="radio" value="Rev." id="Rev." name="title">

            <label for="Rev.Sr.">Rev.Sr.:</label>
            <input type="radio" value="Rev.Sr." id="Rev.Sr." name="title">

            <br><br>

            <label for="payment">Payment:</label>

            <select id="payment">
                <option value="momo">Mobile Money</option>
                <option value="visa">Visa card</option>
                <option value="mastercard">Mastercard</option>
                <option value="paypal">PayPal</option>
                <option value="paystack">PayStack</option>
                <option value="direct">Direct Transfer</option>
            </select>

            <br><br>

            <label for="email">Email:</label>
            <input type="email" id="email" name="email" placeholder="eg:someonespecial@gmail.com">

            <br><br>

            <label for="dob">Date of Birth:</label>
            <input type="date" id="dob" name="dob">

            <br><br>

            <label for="school">School Attended:</label>
            <input type="text" id="school" name="school" placeholder="type the name of the school you attended">

            <br><br>

            <label for="phone">Phone Number:</label>
            <input type="tel" id="phone" name="phone" placeholder="eg:+233xxxxxxxxx">

            <br><br>

            <label for="user">Username:</label>
            <input type="username" id="user" name="user" placeholder="Enter your username">

            <br><br>

            <label for="pass">Password:</label>
            <input type="password" id="pass" name="pass" placeholder="Use a strong password" maxlength="12">maximum of 12 characters

            <br><br>

            <label for="slider">Rate Us:</label>
            1<input type="range" step="10" value="50">10

            <br><br>

            <label for="sub">Subscribe:</label>
            <input type="checkbox" id="sub" name="sub">

            <br><br>

            <label for="upload">Upload a File:</label>
            <input type="file" id="upload" name="upload" accept=".xlsx, .docx, .jpg, .xls, .doc, .txt">

            <br><br>

            <input type="reset">

            <br><br>

            <input type="submit">


        </form>

    </body>

</html>