Web-Development-Basics/form.html at main · GuptaJiPK/Web-Development-Basics · 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
<!DOCTYPE html>
<html>
<head>
	<title>Form</title>
</head>
<body>
	<form>
		Name:<input type="text" name="name" placeholder="Enter your name">
		<br><br>
		Username:<input type="text" name="username" placeholder="Enter your username">
		<br><br>
		Password:<input type="Password" name="pasword" placeholder="Enter your password">
		<br><br>
		Phone Number:
		<input type="Number" name="PhoneNumber">
		<br><br>
		DOB:<input type="date" name="DOB">
		<br><br>
		Email:<input type="Email" name="mailID" placeholder="Enter your email">
		<br><br>
		Gender:
		<input type="radio" name="Gender" value="male">Male
		<input type="radio" name="Gender" value="female">Female
		<br><br>
		College:
		<select name="college">
			<option>Select your college</option>
			<option>MITS</option>
			<option>ITM University</option>
			<option>RJIT</option>
			<option>MPCT</option>
		</select>
		<br><br>
		Education:
		<input type="checkbox" name="Education">10
		<input type="checkbox" name="Education">12
		<input type="checkbox" name="Education">Btech
		<input type="checkbox" name="Education">MBA
		<br><br>
		Address:
		<textarea name="address" rows="5" cols="30"></textarea>
		<br><br>
		Image Upload:
		<input type="file" name="Image">
		<br><br>
		<input type="submit" name="" value="Login">

	</form>

</body>
</html>

<!--

<br><br><br>
<center>
	<div class="login">
		<h1 style="text-align: center;">Login from</h1>
		<hr>
		<form>
			Username:
			<input type="text" name="" class="a">
			<br><br>
			password:
			<input type="password" name="" class="a">
<br><br>
			<input type="submit" name="" value="Login" class="b">

		</form>
	</div>  <!-login end->
</center>
<style>
		.login{
			border: 2px solid;
			width: 379px;
            height: 218px;
		}
		.a{
			width: 230px;
            height: 22px;
		}
.b{
			width: 102px;
    height: 29px;
    background: red;
    color: white;
		}
	</style>


-->