-
Notifications
You must be signed in to change notification settings - Fork 0
/
FCC_Survey_Form.html
68 lines (63 loc) · 2.55 KB
/
FCC_Survey_Form.html
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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="description" content="Awesomeness Survey Form">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Awesomeness Survey Form</title>
<style>
body {
padding: 0px 15px;
}
button,
input,
select,
textarea {
border: 1px solid gray;
border-radius: 4px;
}
input[type=number] {
width: 10em;
}
</style>
</head>
<body>
<h1 id="title">Awesomeness Survey Form</h1>
<p id="description">Let us determine how AWESOME you are!
<br>Just complete this simple questionaire.
</p>
<form id="survey-form" method="get" action="https://www.w3schools.com/action_page.php">
<label id="name-label" for="name">Full Name:</label>
<input id="name" type="text" name="name" value="" placeholder=" First & Last Names " required
pattern="[A-Za-z]+(\s+[A-Za-z]+)+\s*"><br>
<label id="email-label" for="email">Email Address:</label>
<input id="email" type="email" name="email" value="" placeholder=" email@domain " required><br>
<label id="number-label" for="number">Number:</label>
<input id="number" type="number" name="number" value="" min="1" max="99999"
placeholder=" > 0 and < 100000 "><br>
<label id="dropdown-label" for="dropdown">Browser:</label>
<select id="dropdown" list="browsers" name="browser">
<option value="" disabled selected>Select your browser</option>
<option value="IE">Internet Explorer</option>
<option value="Firefox">Firefox</option>
<option value="Chrome">Chrome</option>
<option value="Opera">Opera</option>
<option value="Safari">Safari</option>
</select><br>
<label for="indoor">Indoor</label>
<input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked>
<label for="outdoor">Outdoor</label>
<input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"><br>
<label for="loving">Loving</label>
<input id="loving" type="checkbox" name="personality" value="loving" checked>
<label for="lazy">Lazy</label>
<input id="lazy" type="checkbox" name="personality" value="lazy">
<label for="energetic">Energetic</label>
<input id="energetic" type="checkbox" name="personality" value="energetic"><br>
<label for="comments">Additional Comments:</label><br>
<textarea id="comments" name="comments" rows="8" cols="43" value=""
placeholder=" Enter any comments here. "></textarea><br>
<button id="submit" type="submit">Submit</button>
</form>
</body>
</html>