Proyecto/index.html at main · Yenni009/Proyecto · 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
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <title>Formulario  FINAL</title>
</head>
<body>
    <h1 id="title">FROMULARIO SENA V1</h1>
    <p id="description">
      GRACIAS POR DEJAR SUS DATOS
    </p>
    <form id="survey-form">
      <fieldset>
        <label id="name-label"
          >Name<input
            id="name"
            type="text"
            placeholder="Please enter your name"
            required
        /></label>
        <label id="email-label"
          >Email<input
            id="email"
            type="email"
            placeholder="Please enteryour email"
            required
        /></label>
        <label id="number-label"
          >Age<input
            id="number"
            type="number"
            min="15"
            max="80"
            placeholder="Please enter your age"
            required
        /></label>
        <label for="dropdown"
          >Choose an option
          <select id="dropdown">
            <option value=" ">Select One Option</option>
            <option value="option1">Option A</option>
            <option value="option2">Option B</option>
            <option value="option3">Option B</option>
          </select>
        </label>
        <label id="radio-buttons">
          Do you plan to buy a new car in the next 5 years?
          <label
            ><input class="inline" name="account-type" type="radio" value="yes" />Yes</label
          >
          <label
            ><input class="inline" name="account-type" type="radio" value="no" />No</label
          >
          <label
            ><input
              class="inline"
              name="account-type"
              type="radio"
              value="maybe"
            />Maybe</label
          >
        </label>
      </fieldset>
      <fieldset>
        <label id="brands" for="dropdown"
          >what is your favorite car brand?
          <select id="dropdown">
            <option value="">Select One Option</option>
            <option value="Chevrolet">Chevrolet</option>
            <option value="Mazda">Mazda</option>
            <option value="Renault">Renault</option>
          </select>
        </label>

        <label for="dropdown"
          >what type of means of trasnportation do you own ?
          <label><input class="inline" value="car" type="checkbox" />Car</label>
          <label
            ><input
              class="inline"
              type="checkbox"
              id="vehicle3"
              name="Boat"
              value="Boat"
            />Boat</label
          >
          <label
            ><input
              class="inline"
              type="checkbox"
              id="vehicle4"
              name="Bicycle"
              value="Bicycle"
            />Bicycle</label
          >
          <label
            ><input
              class="inline"
              type="checkbox"
              id="vehicle5"
              name="Motorcycle"
              value="Motorcycle"
            />Motorcycle</label
          >
          <label
            ><input
              class="inline"
              type="checkbox"
              id="vehicle6"
              name="Plane"
              value="Plane"
            />Plane</label
          >
          <label
            ><input
              class="inline"
              type="checkbox"
              id="vehicle1"
              name="Bike"
              value="Bike"
            />Bike</label
          >
        </label>
      </fieldset>
      <fieldset>
        <label
          >Any comments or suggestions?
          <textarea
            id="comments"
            name="comments"
            placeholder="Please enter your comments"
          ></textarea>
        </label>
      </fieldset>
      <input type="submit" id="submit" value="Submit" />
    </form>
</body>
</html>