WebDevWeek2Proj/orderForm.html at main · CG-82/WebDevWeek2Proj · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Gullett's Goodies-Order Form</title>
    <link rel="stylesheet" href="CSS/style.css">
    <script src="script.js"></script>
</head>

<body>
    <header>
        <img src="images/Gullett's Goodies Header.png" alt="Gullett's Goodies Header" class="header-img">
    </header>
    <h1>Order Form</h1>
    <form action="/action_page.php" method="post"><!--basic means os selecting item type and quantity-->
        <section>
            <h2>Personal Information</h2>
                <label for="firstName">First Name<input type="text" id="firstname" name="firstName" required></label><br>

                <label for="lastName">Last Name<input type="Text" id="lastName" name="lastName" required></label><br>

                <label for="email">Email address<input type="email" id="email" name="email" required></label><br>

                <label for="Date">Date you would like you to order. (please allow at least a week for completion.)
                    <input type="date" id="date" name="date" required><br>

                </label>
        </section>
        <section>
            <h2>Items to order</h2>
                <label for="quantity_strawberryCupcake">Strawberry Cream cheese Cupcake<input type="number" id="quantity_strawberryCupcake" name="quantity_strawberryCupcake" min="0"  max="12" value="0"></label><br>

                <label for="quantity_chocolateCarmelCupcake">Chocolate Carmel Cupcake<input type="number" id="quantity_chocolateCarmelCupcake" name="quantity_chocolateCarmelCupcake" min="0" max="12" value="0"></label><br>

                <label for="quantity_chocolateMintCupcake">Chocolate Mint Cupcake<input type="number" id="quantity_chocolateMintCupcake" name="quantity_chocolateMintCupcake" min="0" max="12" value="0"></label><br>

                <label for="quantity_chocolateChipCookies">Chocolate Chip Cookies<input type="number" id="quantity_chocolateChipCookies" name="quantity_chocolateChipCookies" min="0" max="12" value="0"></label><br>

                <label for="quantity_strawberryCookies">Strawberry Cream cheese Cookies<input type="number" id="quantity_strawberryCookies" name="quantity_strawberryCookies" min="0" max="12" value="0"></label><br>

                <label for="quantity_chocolateCarmelCookies">Chocolate Carmel Cookies<input type="number" id="quantity_chocolateCarmelCookies" name="quantity_chocolateCarmelCookies" min="0" max="12" value="0"></label><br>

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

        </section>
    </form>
    <a href="Main.html">Back to main page</a><!--Link to the main page-->
</body>