html-css/form.html at main · cherrytalks37-dot/html-css · 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
118
119
120
121
122
123
<!DOCTYPE html>
<html>
    <head>
        <h1>HTML only-Mega application form</h1>
     <p><b>rules:</b>use only valid inputs.all the starred fields should be filled completely</p>
     </head>
    <body>
    <fieldset>
        <legend><b>Account</b></legend>
     <label><b>*username:</b><br><input type="text" placeholder="username"></label><br>
     <label><b>*password:</b><br><input type="text" placeholder="password"></label><br>
     <label><b>applying as:</b></label><br>
     <select name="" id="">
       <option value="">student</option>
        <option value="">teacher</option>
        <option value="">others</option>
     </select>
    </fieldset>
    <fieldset>
        <legend><b>Personal Information</b></legend>
        <label><b>*name</b><br> <input type="full name"></label><br>
        <label><b>*date of birth</b></label><br>
        <input type="date" placeholder="dd/mm/yy"><br>
         <label><b>gender:</b></label><br>
       <select name="" id="">
        <option value="">male</option>
        <option value="">female</option>
        <option value="">gay</option>
        <option value="">other</option>
       </select><br>
        <label><b>*GOVT ID(pan format)</b></label><br>
        <input type="text" placeholder="ABCDE123F">
    </fieldset>
    <fieldset>
        <legend><b>Contact & Adress</b></legend>
        <label><b>*Email:</b></label><br>
        <input type="text" placeholder="acbd@gmail.com"><br>
        <label><b>*PHONE(India):</b></label><br>
        <input type="number" placeholder="+91(XXXXXXXXXX)"><br>
        <label><b>Portfolio URL</b></label><br>
        <input type="text" placeholder="https://mawa.com"><br>
        <label><b>*Country:</b></label><br>
        <input type="text" placeholder="nee desham"><br>
        <label><b>State:</b></label><br>
        <input type="text" placeholder="state name"><br>
        <label><b>PIN CODE:</b></label><br>
        <input type="number" placeholder="6 digit code"><br>
        <label><b>Address:</b></label>
        <textarea name="" id="" placeholder="Flat no/door no,residency,street,area,. etc"></textarea>
    </fieldset>
    <fieldset>
        <legend><b>Education and skils</b></legend>
        <label><b>Highest Skills:</b></label><br>
        <select name="" id="">
          <option value="">mtech</option>
          <option value="">btech</option>
          <option value="">bba</option>
        </select><br>
        <label><b>CGPA(0-10)</b></label><br>
        <input type="number" placeholder="eg.8"><br>
        <label><b>*Primary skils</b></label><br>
        <select name="" id="">
            <option value="">coding</option>
            <option value="">front end</option>
            <option value="">back end</option>
            <option value="">full stack</option>
        </select><br>
       <label><b>Other skills</b></label><br>
         <label for=""><input type="checkbox" >html</label><br>
         <label for=""><input type="checkbox" >c++</label><br>
         <label for=""><input type="checkbox" >python</label><br>
         <label for=""><input type="checkbox" >java script</label><br>
         <label for=""><input type="checkbox" >css</label><br>
         <label for=""><input type="checkbox" >react</label><br>
         <label for=""><input type="checkbox" >mongo code</label><br>
      <label><b>Quick add via details:</b></label><br>
      <input type="text" placeholder="text here">
    </fieldset>
    <fieldset>
    <legend><b>Availability & Preferences</b></legend>
    <label for=""><b>*Earliest start date</b></label><br>
    <input type="date" placeholder="dd/mm/yy"><br>
    <label for=""><b>*Preffered time</b></label><br>
    <input type="time" placeholder="--:--"><br>
    <label><b>*time zone</b></label><br>
    <select name="" id="">
        <option value="text">new delhi/india</option>
        <option value="text">russia</option>
        <option value="text">usa/texas</option>
        <option value="text">usa/alaska</option>
        <option value="text">dubai</option>
        <option value="text">new york</option>
        <option value="text">china</option>
        <option value="text">south korea</option>
    </select><br>
    <label for="">Brand color</label><br>
    <input type="color" ><br>
    <label><b>Expected pakage</b> </label><br>
    <input type="range" min="1" step="8" max="40"><br>
    (hey donga )
    </fieldset>
    <fieldset>
        <legend>Documents</legend>
       <label><b>*Upload resume:(pdf)</b></label><br>
       <input type="file"><br>
       <label><b>*Photo:(jpg,png)</b></label><br>
       <input type="file"><br>
    </fieldset>
    <fieldset>
        <legend>Short answers</legend>
        <label for=""><b>Why should we consider you?</b></label><br>
        <textarea name="write your answer..." placeholder="write your answer"></textarea><br>
        <label><b>Refferal code(ABC-123)</b></label><br>
        <input type="text" placeholder="whatsapp-123">
    </fieldset>
    <ul>
        <li>Optinal survey</li>
        <input type="radio" ><lable>I confirm that the information given is true and accept the terms and conditions .</lable><br>
    </ul>
    <button type="submit">submit application</button>
    <button type="reset">reset</button>
    </body>
</html>