1-HTML-CSS-JavaScript/survey-form.html at master · chaparin/1-HTML-CSS-JavaScript · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="robots" content="noindex,nofollow">
        <title>Survey Form</title>
        <link rel="stylesheet" href="/css/survey.css" />
    </head>
    <body>
        <h1>Survey</h1>
        <form class="survey-form" action="https://us-central1-nucamp-production.cloudfunctions.net/post/formdata" method="post">
            <fieldset>
                <legend>Your Information</legend>
                <div>
                    <label for="firstName">First Name:</label>
                    <input type="text" id="firstName" name="firstName" placeholder="Your First Name" />
                </div>
                <div>
                    <label for="lastName">Last Name:</label>
                    <input type="text" id="lastName" name="lastName" placeholder="Your Last Name" />
                </div>
                <div>
                    <label for="yourEmail">Your Email:</label>
                    <input type="email" id="yourEmail" name="email" placeholder="Your Email Address" />
                </div>
            </fieldset>
            <fieldset>
                <legend>Survey Question</legend>
                <div>
                    Favorite Sport:
                    <input type="radio" id="baseball" name="sport" value="baseball" /> <label for="baseball">Baseball</label>
                    <input type="radio" id="rugby" name="sport" value="rugby" /> <label for="rugby">Rugby</label>
                    <input type="radio" id="snowboarding" name="sport" value="snowboarding" /> <label for="snowboarding">Snowboarding</label>
                </div>
                <div>
                    Your Pets:
                    <input type="checkbox" id="cat" name="pets" value="cat" /><label for="cat">Cat</label>
                    <input type="checkbox" id="dog" name="pets" value="dog" /><label for="dog">Dog</label>
                    <input type="checkbox" id="iguana" name="pets" value="iguana" /><label for="iguana">Iguana</label>
                </div>
            </fieldset>
            <input type="submit" id="submit-btn" />
        </form>
    </body>
</html>