Webbserverprogrammering 1

Show sourcecode

The following files exists in this folder. Click to view.

webb_serv/exercises/inlamning/formular/

inlamning1.php
inlamning2.php
inlamning3.php
inlamning4.php
start.php

inlamning1.php

91 lines UTF-8 Windows (CRLF)
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
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Inlämning 1 - Formulär</title>

    <style>
        body{
            li{
                margin-top: 40px;
                
                label{
                    padding: 10px;
                    margin-top: 20px;
                }
                input{
                    margin-right: 100px;
                }
            }
        }
    </style>
</head>
<body>
    <form action="" method="POST">
        <h2>Quiz Om Djur</h2>
            <ul>
                <li id="namn">
                    <label for="snamn">Spelar Namn: </label>
                    <input type="text" name="snamn" id="snamn"> <br>
                </li>
                <li id="f1">
                    <label for="f1">Fråga 1: Vad heter en "Kvinnlig" fågel</label> <br>
                    <label for="f1">Höna</label>
                    <input type="radio" name="f1" value="höna"> 
                    <label for="f1">Tupp</label>
                    <input type="radio" name="f1" value="tupp"> <br>
                    <label for="f1">Hona</label>
                    <input type="radio" name="f1" value="hona"> 
                    <label for="f1">Fågel</label>
                    <input type="radio" name="f1" value="fågel"> <br>
                </li>
                <li id="f2">
                    <label for="f2">Fråga 2: Hur många hjärtan har en bläckfisk?</label> <br>
                    <label for="f2">1</label>
                    <input type="radio" name="f2" value="1">
                    <label for="f2">3</label>
                    <input type="radio" name="f2" value="3"> <br>
                    <label for="f2">7</label>
                    <input type="radio" name="f2" value="7">
                    <label for="f2">0</label>
                    <input type="radio" name="f2" value="0"> <br>
                </li>
                <li id="f3">
                    <label for="f3">Fråga 3: Hur många ben har höns?</label> <br>
                    <label for="f3">1</label>
                    <input type="radio" name="f3" value="1">
                    <label for="f3">3</label>
                    <input type="radio" name="f3" value="3"> <br>
                    <label for="f3">7</label>
                    <input type="radio" name="f3" value="7">
                    <label for="f3">4</label>
                    <input type="radio" name="f3" value="4"> <br>
                </li>
            </ul>
            <input type="submit" value="Submit">
    </form>

    <?php
        if (isset($_POST["snamn"])){
            $namn = $_POST["snamn"];
            $f1 = $_POST["f1"];
            $f2 = $_POST["f2"];
            $f3 = $_POST["f3"];

            $antal_ratt = 0;

            if ($f1 == "höna"){
                $antal_ratt += 1;
            }
            if ($f2 == "3"){
                $antal_ratt += 1;
            }
            if ($f3 == "4"){
                $antal_ratt += 1;
            }

            echo ($namn. " Fick: ".$antal_ratt. "/3 Rätt!");
        }
    ?>
</body>
</html>