web_apps_html_css_javascript/surveyForm.html at master · MarsRising/web_apps_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
46
47
48
49
50
51
52
53
<!DOCTYPE HTML>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <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="email" name="email" placeholder="Your Email Address"/>
            </div>
        </fieldset>
        <fieldset>
            <legend>Your Survey</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="iquana" name="pets" value="iguana"/>
                <label for="iquana">Iquana</label>
            </div>
        </fieldset>
        <input type="submit" id="submit-btn"/>
    </form>


</body>
</html>