freecodecamp-survey-form/index.html at main · ffups/freecodecamp-survey-form · 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
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="styles.css">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Ffups form</title>
</head>

<body>
  <div class="main">
    <h1 id="title">Forms on Forms on Forms</h1>
    <p id="description">This is a form innit</p>
    <fieldset>
        <p id="basic-info">Basic info</p>

<form id="survey-form">

        <label id="name-label">Name <input class="input" required id="name" type="text" placeholder="Enter your name"></label>
        <label id="email-label">Email <input class="input" required id="email" type="email" placeholder="Enter your email"></label>
        <label id="number-label">Number <input class="input" min="7" max="11" id="number" type="number"
            placeholder="Enter your number"></label>
        <label>Where did you hear from us
          <select class="input" id="dropdown">
            <option disabled selected="true">select option</option>
            <option>foe</option>
            <option>fam</option>
            <option>florgle</option>
          </select>
        </label>
        <div class="radio-container">
          <label class="drop">Did you drop my croissant?</label>
            <input checked value="1" type="radio" name="croissant">Yes</input>
            <input value="2" type="radio" name="croissant">No</input>

        </div>
          <label>Do you wear wigs? <input type="checkbox" value="3">Yes I wear wigs<input type="checkbox" value="4">I
            will wear wigs</label>
          <label>
            <textarea class="input" placeholder="Additional comments"></textarea>
          </label>
          <label>
            <input class="input" type="submit" value="Submit" id="submit">
          </label>
    </fieldset>
    </form>
  </div>
</body>
<footer>
</footer>

</html>