codeup-web-exercises/forms.html at main · Austin-Whitley/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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Register With US</title>
</head>
<body>
    <header>
        <h1>Veridian Dynamics</h1>
        <h3>Register, create, command, technology</h3>
    </header>
    <main>
        <form method="POST" action="https://request-inspector.glitch.me/">

            <section> <!--User information: Email and Password-->
                <label for="emailEntry">Email: </label>
                <input id="emailEntry" name="userEmail" type="text" placeholder="Enter Email"> <br>
                <label for="passwordEntry">Password: </label>
                <input id="passwordEntry" name="userPassword" type="password" placeholder="Enter Password">
            </section>

            <section><!--Text area for Bio-->
                <br><br>
                <label for="bioField">Tell us about yourself</label> <br>
                <textarea id="bioField" name="bio" cols="30" rows="10"></textarea>
            </section>
            <section><!--Radio buttons: "How did you find us"-->
                <h3>How did you find out about us?</h3>
                <input id="option-bb" name="findUs" value="billboard" type="radio">
                <label for="option-bb">Billboard Advertisement</label>
                <br>
                <input id="option-RA" name="findUs" value="radio" type="radio">
                <label for="option-RA">Radio Advertisement</label>
                <br>
                <input id="option-IA" name="findUs" value="internet" type="radio">
                <label for="option-IA">Internet Advertisement</label>
                <br>
                <input id="option-O" name="findUs" value="other" type="radio">
                <label for="option-O">Other</label>
                <br> <br>
            </section>
            <section><!--Drop down for browser input-->
                <label for="browserSelect">What type of browser are you using?</label>
                <br>
                <select id="browserSelect" name="browserType">
                    <option value="chrome">Google Chrome</option>
                    <option value="explorer">Internet Explorer</option>
                    <option value="firefox">FireFox</option>
                    <option value="duckDuckGo">Duck Duck Go</option>
                    <option value="safari">Safari</option>
                    <option value="other">Other</option>
                </select>
                <br> <br>
            </section>
            <!--Submit button-->
            <button type="submit">Submit</button>
        </form>
    </main>
</body>
</html>