HTMLForms/index.html at main · Oscarss15/HTMLForms · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="styles/styles.css">
</head>
<body>
    <main>
    <h2 id="titulo">GeeksforGeeks Survey Form</h2>

    <div id="contenido" >
<form id="formulario">
  <label for="name">Name:</label><br>
  <input type="text" id="name" name="name" value="Enter your name"><br>
  <label for="email">Email:</label><br>
  <input type="text" id="email" name="email" value="Enter your email"><br>
  <label for="age">Age:</label><br>
  <input type="text" id="age" name="age" value="Enter your age">

  <p>Which option best describes you?</p>

  <select name="option" id="option">
    <option value="student">Student</option>
    <option value="worker">Worker</option>
    <option value="unemployed">Unemployed</option>
  </select>

  <p>Would you recommend GeeksforGeeks to a friend?</p>

  <input type="radio" id="yes" name="radio" value="yes">
     <label for="yes">Yes</label><br>
     <input type="radio" id="no" name="radio" value="no">
     <label for="no">No</label><br>
     <input type="radio" id="maybe" name="radio" value="maybe">
     <label for="maybe">Maybe</label>

    <p>Languages and Frameworks known(Check all that apply)</p>

    <input type="checkbox" id="c" name="c" value="c">
    <label for="c"> C</label><br>
    <input type="checkbox" id="C++" name="C++" value="C++">
    <label for="C++"> C++</label><br>
    <input type="checkbox" id="c#" name="c#" value="c#">
    <label for="c#"> C#</label><br>
    <input type="checkbox" id="java" name="java" value="java">
    <label for="java"> Java</label><br>
    <input type="checkbox" id="python" name="python" value="python">
    <label for="python"> Python</label><br>
    <input type="checkbox" id="javascript" name="javascript" value="javascript">
    <label for="javascript"> Javascript</label><br>
    <input type="checkbox" id="react" name="react" value="react">
    <label for="react"> React</label><br>
    <input type="checkbox" id="angular" name="angular" value="angular">
    <label for="angular"> Angular</label><br>
    <input type="checkbox" id="django" name="django" value="django">
    <label for="django"> Django</label><br>
    <input type="checkbox" id="spring" name="spring" value="spring">
    <label for="spring"> Spring</label><br>

    <p>Any comments or suggestions</p>
    <textarea id="textarea" rows="3" cols="50" value=""></textarea><br><br>

    <input type="submit" value="Submit">
</form>
</div>
</main>
<script src="js/script.js"></script>
</body>
</html>