html/html_ex_3.html at master · marclll/html · 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
<!DOCTYPE html>
<html>
	<head>

	</head>
	<body>
		<form action="/action_page.php">

			<label for="color"> Color: </label>
			<input type="color" name="color" id="color" value="#2fb8d0">
			<br><br>


			<fieldset>
				 <legend>Dog:</legend>
				 Email: <input type="email" name="email" placeholder="example@email.com" ><br>
				 Number: <input type="number" name="number" value="1" max="5"><br>
 				Size: <input type="range" name="range" value="4" step="2"><br>
 				Url: <input type="url" name="url" placeholder="http://www.google.com"><br>
			</fieldset>
			<br><br>


			<select name="colors">
				<optgroup label="Cold">
					<option value="blue">Blue</option>
					<option value="green">Green</option>
				</optgroup>
				<optgroup label="Warm">
					<option value="red">Red</option>
					<option value="yellow" selected>Yellow</option>
				</optgroup>
			</select>
			<br><br>


			<input list="colors" name="color">
			<datalist id="colors">
				<option value="Blue"></option>
				<option value="Red"></option>
				<option value="Yellow"></option>
				<option value="Green"></option>
			</datalist>
			<br><br>


			<label for="male">Male: </label>
			<input type="radio" name="gender" value="male" id="male" checked><br>
			<label for="female">Female: </label>
			<input type="radio" name="gender" value="female" id=”female”><br>
			<label for="other">Other: </label>
			<input type="radio" name="gender" value="other" id=”other”><br>
			<br><br>

			<input type="checkbox" name="gender2" value="NB"> Non-binary <br>
			<input type="checkbox" name="gender3" value="AH"> Apache Helicopter <br>
			<br><br>

			<textarea name="message" rows="10" cols="30">
				You need to be careful with textareas because, for example, this line is one line
				break from the start, so sometimes you are adding spaces or breaks without knowledge of it.
			</textarea>
			<br><br>


			<br>
			<input type="submit" value="Submit">
		</form>
	</body>
</html>