IIUMWebTechClass/PlayAroundTable.html at main · nazmi1414/IIUMWebTechClass · 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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>My test page</title>

    <style>

      input:invalid {
        border: 2px dashed red;
      }

      input:valid {
        border: 2px solid blue;
      }
    </style>
  </head>
  <body style="background-color:powderblue;" >

<form class="" action="index.html" method="post">
  <fieldset>
    <legend>Welcome tu da klab!!!</legend>

  <label for="">choose a date</label>
  <input type="date" name="" value=""required>
<br></br>
  <label for="">choose number between 1 and 50:</label>
  <input type="number" max="50" min="1"required>
  <br></br>
<fieldset>

<legend class="">What is your favourite subject?</legend>
<input type="radio" checked id="Math" name="meal" value="">
<label for="">Math</label>

<input type="radio" name="meal" value="">
<label for="">Science</label>

<input type="radio" name="meal" value="">
<label for="">Biology</label>

<br><br><br>
</fieldset>
<br><br><br>

<select class="" name="">
  <option value=""selected>Study level</option>
  <option value="">Undergraduate</option>
  <option value="">Postgraduate</option>

</select>
<br><br>

<button type="button" name="button">Submit</button>

<button type="button" name="button">Reset</button>

</fieldset>

</form>
  </body>
</html>