-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathforms.html
More file actions
94 lines (86 loc) · 3.48 KB
/
forms.html
File metadata and controls
94 lines (86 loc) · 3.48 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Forms</title>
</head>
<body>
<h1>Forms</h1>
<form action="http://www.twitter.com/search">
<input type="text" name="q">
<button>search twitter</button>
<P>
<label for="email">Enter your email address</label>
<input id="email" type="email" placeholder="E-mail address" name="email">
</P>
<p>
<label for="password">Enter your password</label>
<input id="password" type="password" placeholder="Password">
</p>
<p>
<label for="color">Pick a color</label>
<input id="color" type="color" placeholder="Pick a Color">
</p>
<p>
<label for="number">Pick a number</label>
<input id="number" type="number" placeholder="number">
</p>
<button>Submit</button>
</form>
<h3>Twitter Search</h2>
<form action="http://www.twitter.com/search">
<input type="text" name="q">
<button>search twitter</button>
<P>
</form>
<h3>Reddit Search</h2>
<form action="http://www.reddit.com/search">
<input type="text" name="q">
<button>search Reddit</button>
<P>
</form>
<h2>more inputs</h2>
<form action="http://www.twitter.com/search">
<input type="checkbox" name="agree" id="agree">
<label for="agree">i agree to the terms and services</label>
<button>submit</button>
<P>
<input type="radio" name="radiohead" id="milkshakes" value="m">
<label for="milkshakes">milkshakes</label>
<input type="radio" name="radiohead" id="ice cream" value="ic">
<label for="ice cream">ice cream</label>
<input type="radio" name="radiohead" id="froyo" value="froyo">
<label for="froyo">froyo</label>
</P>
<p>
<label for="meal">Please select a meal type</label>
<select name="meal" id="meal"></select>
</p>
<p>
<label for="pet-select"> CHoose a pet:</label>
<select name="pets" id="pet-select">
<option value="">please select an option</option>
<option value="dog">dog</option>
<option value="rat">rat</option>
<option value="pig">pig</option>
<option value="horse">horse</option>
<option value="mouse">mouse</option>
</select>
</p>
<label for="">any suggestion?</label>
<br>
<p><textarea name="" id="" cols="30" rows="10"></textarea></p>
<button>submit</button>
</form>
<h2>Validations Demo</h2>
<form action="">
<label for="first">Enter first Name</label>
<input type="text" name="first" id="first" required>
<button>submit</button>
<br>
<label for="username">Username</label>
<input type="text" name="username" id="username" minlength="5" maxlength="15">
</form>
</body>
</html>