codeup-web-exercises/forms.html at main · sethcrist/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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Register With Us</title>
</head>
<body>
    <section>
            <h1>Register With Us</h1>
        <form action="https://request-inspector.glitch.me/" method="get">
            <label for="email">Enter Your Email</label>
            <input type="text" name="email" id="email" placeholder="Enter Your Email"> <!-- no id = cant click on the text, no name = doesn't get posted to the browser -->
            <br>
            <label for="password">Password</label>
            <input type="password" name="password" id="password" placeholder="Enter Password">
            <br>
            <br>
            <label for="biography">Bio</label>
            <br>
            <textarea name="biography" id="biography" cols="40" rows="10" placeholder="Take your time and tell me about yourself!"></textarea>
            <br>
            <section>
                <h2>How did you hear about us?</h2>
                <input type="radio" id="billboard" name="How did you hear about us" value="billboard"> <label for="billboard">billboard</label><br>
                <input type="radio" id="radio advertisement" name="How did you hear about us" value="radio advertisement"><label for="radio advertisement">radio advertisement</label><br>
                <input type="radio" id="internet advertisement" name="How did you hear about us" value="internet advertisement"><label for="internet advertisement">internet advertisement</label><br>
                <input type="radio" id="other" name="How did you hear about us" value="other"><label for="other">other</label><br>
            </section>
            <section>
                <label for="browser choice">What browser are you using</label>
                <select name="browser choice" id="browser choice">
                    <option value="Google">Google</option>
                    <option value="Firefox">Firefox</option>
                    <option value="Safari">Safari</option>
                </select>
            </section>
            <br>
            <button>Submit form</button>
        </form>
    </section>
</body>
</html>