codeup-web-exercises/forms-lecture.html at main · Nathan-Haustveit/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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Forms Lecture</title>
</head>
<body>
    <forms moethod="get" action="https://request-inspector.glitch.me">
        <label for="username">Username:</label>
        <input type="text" name="username" id="username">
        <br>
        <br>
        <label for="streetAddress">Street Address:</label>
        <input type="text" name="streetAddress" id="streetAddress">
        <br>
        <br>
        <label for ="city">City:</label>
        <input type="text" name="city" id="city">
        <br>
        <br>
        <h4>Marvel or DC?</h4>
        <label>Marvel:</label><input type="radio" name="marveldc" value="Marvel"><br>
        <label>DC:</label><input type="radio" name="marveldc" value="DC"><br>
        <br>
        <h4>Choose your extras:</h4>
        <input type="checkbox" name="extras" value="Provolone"><label>Provolone</label><br>
        <input type="checkbox" name="extras" value="Cheddar"><label>Cheddar</label><br>
        <input type="checkbox" name="extras" value="American Cheese"><label>American Cheese</label><br>
        <input type="checkbox" name="extras" value="Swiss"><label>Swiss Cheese</label><br>
        <input type="checkbox" name="extras" value="Pepper Jack"><label>Pepper Jack</label><br>
        <input type="checkbox" name="extras" value="Jalapenos"><label>Sliced Jalapenos</label><br>
        <input type="checkbox" name="extras" value="Mushrooms"><label>Sauteed Mushrooms</label><br>
        <input type="checkbox" name="extras" value="Onions"><label>Grilled Onions</label><br>
        <input type="checkbox" name="extras" value="Bacon"><label>Extra Bacon</label><br>
        <input type="checkbox" name="extras" value="Guacamole"><label>Guacamole</label><br>
        <br>
        <h4>Choose your destination:</h4>
        <select name="destination">
            <option value="Hawaii">Hawaii</option>
            <option value="Yucatan">Yucatan</option>
            <option value="Greece">Greece</option>
            <option value="Florida">Florida</option>
            <option value="California">California</option>
        </select>
        <br>
        <br>
        <h4>Please Leave Your Comments:</h4>
        <textarea name="comments" id="comments" cols="48" rows="10"></textarea><br>
        <h4>Assorted inputs</h4>
        <input type="date" name="date"><br>
        <!-- date can take min and max attributes -->
        <input type="color" name="pickColor"><br>
        <input type="range" name="evaluation"><br>
        <!-- range can take min, max, and step attributes -->
        <input type="number" name="number"><br>
        <!-- number can take min, max, and step attributes -->
        <!-- email, tel, and url inputs are predominantly mobile-oriented -->
        <br>
        <br>
        <input type="submit">
    </forms>
</body>
</html>