codeup-web-exercises/forms.html at main · lexibor/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
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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Register With Us</title>
</head>
<body>

  <h1>Register With Us</h1>

  <form method="post" action="https://request-inspector.glitch.me/">

      <label for="email">E-mail</label>
      <input id="email" type="email" name="email" placeholder="Enter email">
      <label for="password">Password</label>
      <input id="password" type="password" name="password" placeholder="Enter password">

      <br>
      <br>

      <label for="bio">Bio</label>
      <textarea id="bio" name="bio"></textarea>

      <br>
      <br>

      <legend>How did you hear about us</legend>
        <div>
          <input id="billboard" type="checkbox" name="referral" value="billboard">
          <label for="billboard">Billboard</label>
        </div>

        <div>
          <input id="radioAd" type="checkbox" name="referral" value="radio advertisement">
          <label for="radioAd">Radio Ad</label>
        </div>

        <div>
          <input for="internetAd" type="checkbox" name="referral" value="internet advertisement">
          <label id="internetAd">Internet Ad</label>
        </div>

        <div>
          <input for="other" type="checkbox" name="referral" value="other">
          <label id="other">Other</label>
        </div>


      <br>

      <label for="browser">What web browser are you using</label>
      <select id="browser" name="webBrowser">
          <option value="google">Google</option>
          <option value="firefox">Firefox</option>
          <option value="safari">Safari</option>
          <option value="internetEx">Internet Explorer</option>
      </select>

      <br>
      <button>Submit</button>

  </form>


<!-- BONUS 1 ------------------->
<!--  <h1>Dog Registration</h1>-->
<!--<form method="post" action="https://request-inspector.glitch.me/">-->
<!--    <label for="firstName">First Name</label><br>-->
<!--    <input id="firstName" name="firstName" type="text">-->

<!--    <br>-->

<!--    <label for="lastName">Last Name</label><br>-->
<!--    <input id="lastName" name="lastName" type="text">-->

<!--    <br>-->

<!--    <label for="email">E-mail</label><br>-->
<!--    <input id="email" name="email" type="text">-->

<!--    <br>-->
<!--    <br>-->

<!--    <label for="petName">Pet Name</label><br>-->
<!--    <input id="petName" name="petName" type="text" placeholder="Enter pet name">-->

<!--    <br>-->
<!--    <br>-->

<!--    <label for="age">Pet Age</label><br>-->
<!--    <input id="age" name="age" type="number">-->

<!--    <br>-->
<!--    <br>-->

<!--    <label>Good with other dogs?<br>-->
<!--        <input type="radio" name="goodBehaviour" value="yes">Yes-->
<!--        <input type="radio" name="goodBehaviour" value="no">No-->
<!--    </label>-->

<!--    <br>-->

<!--    <label>Vaccinated?<br>-->
<!--        <input type="radio" name="vax" value="yes">Yes-->
<!--        <input type="radio" name="vax" value="no">No-->
<!--    </label>-->

<!--    <br>-->
<!--    <br>-->

<!--    <label for="energy">Typical Energy Levels</label><br>-->
<!--    <select id="energy" name="energyLVL">-->
<!--        <option value="low">Low</option>-->
<!--        <option value="normal">Normal</option>-->
<!--        <option value="high">High</option>-->
<!--    </select>-->

<!--    <br>-->
<!--    <br>-->

<!--    <label for="specialNeeds">Please write any special needs/treatment your dog may have:</label><br>-->
<!--    <textarea id="specialNeeds"></textarea>-->

<!--    <br>-->
<!--    <br>-->

<!--    <button>Submit</button>-->


<!--</form>-->


</body>
</html>