html-forms/order.html at main · StudentofCS/html-forms · 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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Melongrams</title>
</head>
<body>
    <h1>Order a Melongram</h1>

    <p>There's no better way to show a loved one you care than with a Melongram.</p>
    <p>Each Melongram comes with a custom message printed on high-quality cardstock
        and your choice of a hand-picked, premium melon.</p>

    <h2>Melon Options</h2>

    <p>Choose from one of these melons:</p>

    <table>
        <tr>
            <td>Watermelon</td>
            <td>$1,200.00</td>
        </tr>
        <tr>
            <td>Canteloupe</td>
            <td>$400.00 </td>
        </tr>
        <tr>
            <td>Honeydew</td>
            <td>$1,750.00</td>
        </tr>
    </table>

    <h2>Order Form</h2>

    <form>
        Your name:
        <input type="text" name="name">
        <br>
        Who are we sending this to?
        <input type="text" name="recipient">
        <br>

        Choose a melon
        <select name="melon">
        	<option disabled selected hidden>Melons</option>
            <option value="watermelon">Watermelon</option>
            <option value="canteloupe">Canteloupe</option>
            <option value="honeydew">Honeydew</option>
        </select>
        <br>

        When should we deliver?
        <input type="radio" id="morning" name="time" value="am">
        <label for="morning">Morning</label>
        <input type="radio" id="evening" name="time" value="pm">
        <label for="evening">Evening</label>
        <input type="radio" id="anytime" name="time" value="any">
        <label for="anytime">Any time</label>

        <p>Enter your message:</p>
        <textarea name="message" cols="79" rows="5"></textarea>
        <br>

        Subscribe to our newsletter
        <input type="checkbox" name="subscribe" value="yes">
        <br>

        <input type="submit">

    </form>


</body>
</html>


<!-- Order a Melongram

There's no better way to show a loved one you care than with a Melongram.

Each Melongram comes with a custom message printed on high-quality cardstock
and your choice of a hand-picked, premium melon.

Melon Options

Choose from one of these melons:

Watermelon $1,200.00
Canteloupe $400.00
Honeydew $1,750.00

Order Form

Your name

Who are we sending this to?

Choose a melon
Watermelon
Canteloupe
Honeydew

When should we deliver?
Morning
Evening
Any time

Enter your message:

Subscribe to our newsletter
Yes -->