codeup-web-exercises/forms.html at main · RileyK646/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
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>Register With Us</title>
</head>
<body>
<form method="GET" action="https://request-inspector.glitch.me/">
    <h4> Enter your login!</h4>
        <label for="email">
            Email<input id="email" type="email" name="Email" placeholder="Please enter your email">
        </label>
    <label for="password">
       Password <input id="password" type="password" name="password" placeholder="Please enter password">
    </label>
    <br>
    <h4>Enter any bio information below!</h4>
    <textarea name="Bio">Please enter Bio information </textarea>
        <br>
    <h4>How did you hear about us?</h4>
    <label for="option1">
        Billboard <input id=option1 type="radio" name="hdyhabu" value="Billboard">
    </label>
    <br>
                <label for="option2">
                    Radio Advertisment<input id="option2" type="radio" name="hdyhabu" value="Radio Advertisement">
                 </label>
    <br>
                    <label for="option3">
                        Internet Advertisement <input id="option3" type="radio" name="hdyhabu" value="Internet Advertisement">
                    </label>
    <br>
                        <label for="option4">
                          Other  <input id="option4" type="radio" name="hdyhabu" value="other">
                        </label><br>
<br>
    <h4>What website are you using?</h3>
    <select name="web_browsers">
        <option value="chrome">Chrome</option>
        <option value="safari">Safari</option>
        <option value="firefox">Firefox</option>
        <option value="ie">Internet Explore</option>
    </select>
    <br>
    <input type="submit">
    <!--
    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.
Create a dropdown that asks the user what web browser they are using.

As you work through the steps above, you should:

Make sure all of your form elements have labels.
Make sure there's a way to submit the form, adding a submit button will solve this.
Ensure that all of your form values are being submitted to the Request Inspector.
Experiment with different attribute values:
What do you notice when changing the form's request method from GET to POST?
What happens if you leave off the name attribute on an input?
What happens if you leave off the id attribute on a form input?
-->
</form>
</body>
</html>