-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathform.html
More file actions
154 lines (121 loc) · 5.61 KB
/
form.html
File metadata and controls
154 lines (121 loc) · 5.61 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
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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Complete our survey for your chance to win a years supply of coffee from Coders Coffeehouse.">
<meta name="keywords" content="coffeehouse, coffee, developers cafe, free wifi, dublin">
<meta name="author" content="Coders Coffeehouse">
<title>Win a years supply of coffee from Coders Coffeehouse</title>
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<header class="form-page-header page-header">
<h1>Win a years supply of coffee from Coders Coffeehouse</h1>
<p>Complete our survey for your chance to win!</p>
</header>
<hr>
<nav class="black-background">
<a href="index.html#home" aria-label="Go to the top of the page">Home</a>
<a href="index.html#drinks" aria-label="Go to drinks menu section">Drinks Menu</a>
<a href="index.html#contact" aria-label="Go to contact information section">Contact</a>
<a href="form.html" aria-label="Fill in our survey for your chance to win free coffee">Win Free Coffee</a>
</nav>
<form action="https://formdump.codeinstitute.net" method="POST">
<fieldset>
<legend>Your details</legend>
<div>
<label for="name-field" class="block-label">Name</label>
<input id="name-field" type="text" name="full_name" placeholder="Your name" required>
</div>
<div>
<label for="email-field" class="block-label">Email</label>
<input id="email-field" type="email" name="email" placeholder="Your email" required>
</div>
<label for="age" class="block-label">Age</label>
<select id="age" name="age" required>
<option value="under-20">Under 20</option>
<option value="20s">20-29</option>
<option value="30s">30-39</option>
<option value="40s">40-49</option>
<option value="50s">50-59</option>
<option value="60+">60+</option>
</select>
</fieldset>
<fieldset>
<legend>Our products</legend>
<div>
<label for="fav-coffee" class="block-label">What is your favourite coffee?</label>
<input id="fav-coffee" list="coffees" name="fav-coffee" required>
<datalist id="coffees">
<option value="Latte">
<option value="Americano">
<option value="Cappuccino">
<option value="Espresso">
<option value="Flat-white">
</datalist>
</div>
<p>How many cups of coffee do you drink a day?</p>
<input id="0-2cups-radio" name="cups-a-day" value="0-2cups" type="radio" required>
<label for="0-2cups-radio">0 to 2 cups</label>
<input id="3-5cups-radio" name="cups-a-day" value="3-5cups" type="radio" required>
<label for="3-5cups-radio">3 to 5 cups</label>
<input id="6-8cups-radio" name="cups-a-day" value="6-8cups" type="radio" required>
<label for="6-8cups-radio">6 to 8 cups</label>
<input id="9plus-cups-radio" name="cups-a-day" value="9plus-cups" type="radio" required>
<label for="9plus-cups-radio">9 or more cups</label>
<p>How often do you visit Coders Coffeehouse?</p>
<input id="once-a-week" name="visit-frequency" value="once-a-week" type="radio" required>
<label for="once-a-week">Once a week</label>
<input id="twice-a-week" name="visit-frequency" value="twice-a-week" type="radio" required>
<label for="twice-a-week">Twice a week</label>
<input id="once-a-fortnight" name="visit-frequency" value="once-a-fortnight" type="radio" required>
<label for="once-a-fortnight">Once a fortnight</label>
<input id="not-often" name="visit-frequency" value="not-often" type="radio" required>
<label for="not-often">Not often</label>
<p>Which of our coders coffeehouse snacks do you enjoy?</p>
<div>
<input type="checkbox" id="brownies-checkbox" name="brownies">
<label for="brownies-checkbox">Brownies</label>
</div>
<div>
<input type="checkbox" id="cookies-checkbox" name="cookies">
<label for="cookies-checkbox">Cookies</label>
</div>
<div>
<input type="checkbox" id="nachos-checkbox" name="nachos">
<label for="nachos-checkbox">Nachos</label>
</div>
<div>
<input type="checkbox" id="croissants-checkbox" name="croissants">
<label for="croissants-checkbox">Croissants</label>
</div>
<div>
<input type="checkbox" id="scones-checkbox" name="scones">
<label for="scones-checkbox">Scones</label>
</div>
</fieldset>
<fieldset>
<legend>Feedback</legend>
<label for="feedback" class="block-label">How can we improve your experience with us?</label>
<br>
<textarea id="feedback" rows="4" cols="87" name="feedback"></textarea>
</fieldset>
<div id="terms">
<h5 class="underline">OFFICIAL RULES FOR CODERS COFFEEHOUSE PRIZE DRAW</h5>
<p>NO PURCHASE NECESSARY TO ENTER OR WIN. A purchase does not improve chances
of winning. Subject to all federal, state and local laws and regulations. VOID WHERE
PROHIBITED OR RESTRICTED</p>
<p><span class="bold">Sponsor: </span>Coders Coffeehouse, 42 Coffeebean street, Dublin</p>
<!--<p><span class="bold">Eligibility: </span>-->
<!-- The Coders Coffeehouse Prize Drawing for 2020 (“Promotion”) is open to all individuals who (i) are 21-->
<!-- years of age or older at the-->
<!-- time of entry, excluding of Sponsor and its-->
<!-- parents, subsidiaries, affiliated companies and agents, and their immediate families or those-->
<!-- living in the same household, are not eligible to enter.</p>-->
</div>
<input type="submit" value="Enter prize draw" class="block-label">
<input type="reset" value="Reset Form">
</form>
</body>
</html>