codeup-web-exercises/forms.html at main · PeterLe0349/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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Register with us</title>
    <link rel="stylesheet" href="css/forms.css">
</head>

<body>
    <header>
        <h1>Register with Veridian Dynamics Form Page</h1>
    </header>
    <nav><a href="https://www.google.com">Veridian Navigation Links</a></nav><hr>
    <main>
        <form id="FORM" method="POST" action="https://request-inspector.glitch.me/">
            <label for="email">Email</label>
            <input id="email" name="email" type="text" placeholder="me@me.com"><br>
            <label for="password">Password</label>
            <input id="password" name="password" type="password"><br>
            <textarea type="text" name="bio" placeholder="about me"></textarea>
            <section>
                <strong>How did you hear about us?</strong><br>
                <input id="billboard" type="checkbox" name="hearAboutUsSource" value="billboard"><label for="billboard">Billboard</label> <br>

                <input id='radio' type="checkbox" name="hearAboutUsSource" value="radio_advertisement"><label for="radio">Radio Advertisement</label> <br>

                <input id='internet' type="checkbox" name="hearAboutUsSource" value="internet_advertisement"><label for="internet">Internet Advertisement</label> <br>

                <input id='other' type="checkbox" name="hearAboutUsSource" value="other"><label for="other">other</label> <br>
            </section>
            <section>
                <strong>What browser are you using?</strong><br>
                <select name="browser">
                    <option value="chrome">Chrome</option>
                    <option value="safari">Safari</option>
                    <option value="edge">Edge</option>
                </select>
            </section>

        <br><button type="submit">Send Data</button>
        </form>


    </main>


    <hr><footer><a href="https://www.bing.com">Veridian Footer Links</a></footer>
<script src="js/forms.js"></script>
</body>


</html>