codeup-web-exercises/forms.html at main · robles-jonathan/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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Register With Us</title>
</head>
<body>
<main>
    <h1>Register With Us - Veridian Dynamics</h1>
    <form method="POST" action="https://www.elformo.com/forms/e6b9b56a-aca6-4d36-a8ea-844181fe9ebc">
        <label for="email">Email</label>
        <br>
        <input type="text" placeholder="Enter your email address" id="email" name="email">
        <br>
        <label for="password">Password</label>
        <br>
        <input type="password" placeholder="Enter your password" id="password" name="password">
        <br>
        <label for="bio">Tell us about yourself</label>
        <br>
        <textarea name="bio" id="bio" cols="30" rows="10" placeholder="Enter your bio"></textarea>
        <br>
        <hr>
        <!--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? MORE THAN ONE VALUE WOULD BE ALLOWED TO BE SELECTED
Change these inputs so that multiple answers are allowed to be selected.        -->
        <section>
            <h3>How did you hear about us?</h3>
            <label for="question1-1">
                <input type="radio" name="question1" id="question1-1" value="billboard"> Billboard
            </label>
            <label for="question1-2">
                <input type="radio" name="question1" id="question1-2" value="radio advertisement"> Radio Advertisement
            </label>
            <label for="question1-3">
                <input type="radio" name="question1" id="question1-3" value="internet advertisement"> Internet
                Advertisement
            </label>
            <label for="question1-4">
                <input type="radio" name="question1" id="question1-4" value="other"> Other
            </label>
        </section>
        <!--        Create a dropdown that asks the user what web browser they are using.-->
        <section>
            <label for="web-browser-select">What web browser are you using?</label>
            <select name="web-browser-select" id="web-browser-select">
                <option value="chrome">Chrome</option>
                <option value="safari">Safari</option>
                <option value="firefox">Firefox</option>
            </select>
        </section>
        <hr>
        <br>
        <br>
        <p>Thank you for registering with us!!!</p>
        <button type="submit">Register</button>
    </form>
</main>
</body>
</html>