-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
46 lines (37 loc) · 2.05 KB
/
index.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
<!DOCTYPE html>
<link rel="stylesheet" href="styles.css">
<h1 id="title">Survey Form</h1>
<p id="description">A short form that is just for fun!<p>
<form id="survey-form">
<fieldset>
<label id="name-label">Name: </label><input id="name" type="text" placeholder="EX: Jane Doe" required></input>
<label id="email-label">Email: </label><input id="email" type="email" placeholder="EX: [email protected]" required></input>
<label id="number-label">Age: </label><input id="number" type="number" placeholder="EX: 23" min="0" max="130"></input>
</fieldset>
<fieldset>
<label id="dropdown-menu">What is your favorite animal?</label>
<select id="dropdown">
<option value="empty">Select an option</option>
<option value="dogs">Dogs</option>
<option value="cats">Cats</option>
<option value="fish">Fish</option>
</select>
</fieldset>
<fieldset>
<legend>Would you reccomend this form?</legend>
<label for="yes"><input id="yes" value="yes" type="radio" name="reccomendation" class="inline" checked /> Yes</label>
<label for="no"><input id="no" value="no" type="radio" name="reccomendation" class="inline" /> No</label>
<label for="maybe"><input id="maybe" value="maybe" type="radio" name="reccomendation" class="inline" /> Maybe</label>
</fieldset>
<fieldset>
<legend>Which of the following are plants? (check all that apply)</legend>
<label for="apple"><input id="apple" type="checkbox" name="checkbox-select" value="apples" class="inline"/>Apples</label>
<label for="cow"><input id="cow" type="checkbox" name="checkbox-select" value="cows" class="inline"/>Cows</label>
<label for="ivy"><input id="ivy" type="checkbox" name="checkbox-select" value="devils-ivy" class="inline"/>Devil's Ivy</label>
</fieldset>
<fieldset>
<label id="comments">Please leave any additional comments in the text box below.</label>
<textarea></textarea>
</fieldset>
<button id="submit" >Submit</button>
</form>