codeup-web-exercises/forms.html at main · naysamoreno/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
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>Register With Us</title>
</head>
    <h1>Register With Us</h1>
    <form method="POST" action="https://request-inspector.glitch.me/" >
        <label for="email" >Email</label>
        <input id="email" name="email" type="text" placeholder="Email Address">
        <br>

        <label for="password"> Password</label>
        <input id="password" name="password" type="password" placeholder="Password Here">
        <br>

        <label for="bio-id"><h3>Describe yourself in 1 sentence.</h3></label>
        <textarea id="bio-id" name="bio" placeholder="Type Here"></textarea> <br>

        <button>Submit</button>
<!--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.-->
        <h3>How did you hear about us?</h3>
    <label>
        <input type="radio" id="os1" name="os[]" value="Billboard">Billboard
    </label>
    <label>
        <input type="radio" id="os2" name="os[1]" value="Radio">Radio
    </label>
    <label>
        <input type="radio" id="os3" name="os[2]" value="Internet Advertisement">Internet Advertisement
    </label>
    <label>
        <input type="radio" id="os4" name="os[3]" value="other">Other
    </label>

<!--Change these inputs so that multiple answers are allowed to be selected.-->
<!--Create a dropdown that asks the user what web browser they are using.-->
<br>
<p>What browser are you using? select below. </p>
<label for="browser">Browser Options</label>
<br>
<select id="browser" name="browser">
    <option selected value="1">Chrome</option>
    <option value="0">Internet Explorer</option>
    <option value="3">Safari</option>
    <option value="04">Other</option>
</select>
</form>
</html>