codeup-web-exercises/forms.html at main · derek-dobbs/codeup-web-exercises · 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
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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Register With Us</title>
    </head>
    <body>
    <form method="POST" action="https://www.elformo.com/forms/83a7ae6f-0cf2-4bd1-91a7-134118873534">
<!--        Create text fields for email and password with appropriate placeholder values-->
        <section>
            <label for="email">Email</label>
            <input id="email" type="text" name="email" placeholder="Enter your email address">
            <br>

            <label for="password">Password</label>
            <input id="password" type="password" name="password" placeholder="Enter your password">
            <br>
            <br>
    <!--        Create a textarea named "bio". This is for the user to fill out a short description of themselves.-->
            <label for="bio">Please fill out a short description about yourself.</label>
            <br>
            <textarea name="bio" id="bio" cols="30" rows="10" placeholder="Enter your description here."></textarea>
        </section>
<!--        Create a "How did you hear about us" section that contains radio buttons.
            The values should be "billboard", "radio advertisement", "internet advertisement", and "other".
            Only one of the values should be allowed to be selected at a time.-->
<!--        What happens if the inputs are given different name attributes?-->
<!--        Change these inputs so that multiple answers are allowed to be selected.-->
<!--        //not sure what that last sentence means, research further and update code-->

        <!--        The following section allows for one radio button at a time to be selected:-->
        <section>
            <h3>How did you hear about us?</h3>
            <label for="rq-1">billboard</label>
            <input type="radio" id="rq-1" name="radioQuestion" value="billboard">

            <label for="rq-2">radio advertisement</label>
            <input type="radio" id="rq-2" name="radioQuestion" value="radioAdvertisement">

            <label for="rq-3">internet advertisement</label>
            <input type="radio" id="rq-3" name="radioQuestion" value="internetAdvertisement">

            <label for="rq-4">other</label>
            <input type="radio" id="rq-4" name="radioQuestion" value="other">
        </section>

<!--        The following section allows for multiple radio buttons to be selected:-->
<!--        <section>-->
<!--            <h3>How did you hear about us?</h3>-->
<!--            <label for="rq-1">billboard</label>-->
<!--            <input type="radio" id="rq-1" name="radioQuestion1" value="billboard">-->

<!--            <label for="rq-2">radio advertisement</label>-->
<!--            <input type="radio" id="rq-2" name="radioQuestion2" value="radioAdvertisement">-->

<!--            <label for="rq-3">internet advertisement</label>-->
<!--            <input type="radio" id="rq-3" name="radioQuestion3" value="internetAdvertisement">-->

<!--            <label for="rq-4">other</label>-->
<!--            <input type="radio" id="rq-4" name="radioQuestion4" value="other">-->
<!--        </section>-->

        <br>
<!--        Create a dropdown that asks the user what web browser they are using.-->
        <section>
            <label for="browserSelect">Which web browser are you using?</label>
            <select name="webBrowser" id="browserSelect">
                <option value="chrome">Chrome</option>
                <option value="internetExplorer">Internet Explorer</option>
                <option value="firefox">Firefox</option>
                <option value="safari">Safari</option>
                <option value="other">Other</option>
            </select>
        </section>
        <br>
        <button type="submit">Submit Your Responses</button>
    </form>
    </body>
</html>