codeup-web-exercises/forms.html at main · jmkrsak/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
66
67
68
69
70
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Register With Us</title>
</head>
<body>

<h2>Register With Us</h2>
<form method="POST" action="https://formsubmit.co/jmkrsak@gmail.com">

    <h3>Personal Infromation</h3>

    <div>
        <label for="email"> Email
            <input name="email" id="email" type="text" placeholder="email">
        </label>
    </div>

    <div>
        <label for="password"> Password
            <input name="password" id="password" type="text" placeholder="password">
        </label>
    </div>

    <h3>Tell us about yourself.</h3>

    <div>
        <label for="bio"> bio
            <textarea id="bio" name="bio" placeholder="tell us about yourself"></textarea>
        </label>
    </div>

    <h3>How did you hear about us?</h3>

    <div>
        <label for="billboard">
            billboard<input id="billboard" type="radio" name="billboard" value="billboard">
        </label><br>
        <label for="radio advertisement">
            radio advertisement<input id="radio advertisement" type="radio" name="radio advertisement" value="radio advertisement">
        </label><br>
        <label for="internet advertisement">
            internet advertisement<input id="internet advertisement" type="radio" name="internet advertisement" value="internet advertisement">
        </label><br>
        <label for="other">
            other<input id="other" type="radio" name="other" value="other">
        </label><br>
    </div>

    <h3>what web browser do you use?</h3>

    <div>
        <label for="what_web_browser">
            <select id="what_web_browser" name="what web browser do you use">
                <option value="chrome">Google Chrome</option>
                <option value="safari">Safari</option>
                <option value="edge">Microsoft Edge</option>
            </select>
        </label>
    </div>

    <div>
        <button type="submit">Submit information</button>
    </div>

</form>

</body>
</html>