CSC-Web/3-forms.html at master · williamcll/CSC-Web · 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
<!DOCTYPE html>
<html>
<head>
<title>CSC Tutorial 3 forms</title>
<style>
        *{
        font-family: "Arial";
        }
</style>
</head>

<body>
<form>
 <form>
  name: <input type="text" name="name" id="name"><p>
  Your life story: <input type="text" name="story" id="story"><p>
  <input type="radio" name="0-20yrs" value="0-20yrs"><label for="age1"> 0-20yrs </label>
  <input type="radio" name="0-20yrs" value="21-40yrs"><label for="age2"> 21-40yrs </label>
  <input type="radio" name="0-20yrs" value="41-60yrs"><label for="age3"> 41-60yrs </label>
  <input type="radio" name="0-20yrs" value="61+yrs"><label for="age4"> 61+yrs </label>
  <p>
  <input type="checkbox" name="green" value="green"><label for="green"> green</label>
  <input type="checkbox" name="blue" value="blue"><label for="blue"> blue</label>
  <input type="checkbox" name="red" value="red"><label for="red"> red</label>
  <input type="checkbox" name="yellow" value="yellow"><label for="yellow"> yellow</label>
  <p>
  <label for="Occupation">Occupation</label>
  <select name="Occupation" id="Occupation">
  <option value="0" selected="selected">select items</option>
  <option value="student">student</option>
  <option value="employed">employed</option>
  <option value="retired">retired</option>
  </select>
</form>
</body>

</html>