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

inlamning3.php

159 lines UTF-8 Windows (CRLF)
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Inlämning 3 - Formulär</title>

    <style>
        body{
            form{
                width: 500px;
                margin-left: auto;
                margin-right: auto;
            }
            li{
                margin-top: 40px;

                ul{
                    list-style: none;
                    li{
                        display: inline-flex;
                        justify-content: space-between;

                        margin-top: 10px;
                        margin-left: -40;
                        width: 75px;

                        input{
                            margin-right: 140px;
                        }
                    }
                }
            }
        }
    </style>
</head>
<body>
    <form action="" method="POST">
        <?php
            
if (isset($_POST["antal_ratt"])) {
                
$antal_ratt = $_POST["antal_ratt"];
            } else {
                
$antal_ratt = 0;
            }
                echo 
"<input type='hidden' name='antal_ratt' value='$antal_ratt'>";
        
?>
        <h2>Quiz Om Djur</h2>
            <ul>
                <?php
                    
if (!isset($_POST["snamn"]) & !isset($_POST["f1"]) & !isset($_POST["f2"]) & !isset($_POST["f3"])){
                        echo 
"<input type='hidden' name='antal_ratt' value='0'>";
                
?>
                <li id="namn">
                    <label for="snamn">Spelar Namn: </label>
                    <input type="text" name="snamn" id="snamn"> <br>
                </li>

                <?php
                    
}
                    if (isset(
$_POST["snamn"]) & !isset($_POST["f1"])){
                
?>

                <li id="f1">
                    <label for="f1">Fråga 1: Vad heter en "Kvinnlig" fågel</label> <br>
                    <ul>
                        <li>
                            <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">
                        </li>
                        <br>
                        <li>
                            <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">
                        </li>
                    </ul>
                </li>

                <?php
                    
}
                    if (isset(
$_POST["f1"]) & !isset($_POST["f2"])){
                        
$antal_ratt = $_POST["antal_ratt"];
                        
$svar = $_POST["f1"];
                        if (
$svar == "höna"){
                            
$antal_ratt ++;
                        }
                        echo 
"<input type='hidden' name='antal_ratt' value='$antal_ratt'>";
                
?>
                <li id="f2">
                    <label for="f2">Fråga 2: Hur många hjärtan har en bläckfisk?</label> <br>
                    <ul>
                        <li>
                            <label for="f2">1</label>
                            <input type="radio" name="f2" value="1">

                            <label for="f2">3</label>
                            <input type="radio" name="f2" value="3">
                        </li> <br>
                        <li>
                            <label for="f2">7</label>
                            <input type="radio" name="f2" value="7">

                            <label for="f2">0</label>
                            <input type="radio" name="f2" value="0">
                        </li>
                    </ul>
                </li>

                <?php
                    
}
                    if (isset(
$_POST["f2"]) & !isset($_POST["f3"])){
                        
$antal_ratt = $_POST["antal_ratt"];
                        
$svar = $_POST["f2"];
                        if (
$svar == "3"){
                            
$antal_ratt ++;
                        }
                        echo 
"<input type='hidden' name='antal_ratt' value='$antal_ratt'>";
                
?>
                <li id="f3">
                    <label for="f3">Fråga 3: Hur många ben har höns?</label> <br>
                    <ul>
                        <li>
                            <label for="f3">1</label>
                            <input type="radio" name="f3" value="1">
                            <label for="f3">3</label>
                            <input type="radio" name="f3" value="3">
                        </li> <br>
                        <li>
                            <label for="f3">7</label>
                            <input type="radio" name="f3" value="7">
                            <label for="f3">4</label>
                            <input type="radio" name="f3" value="4">
                        </li>
                    </ul>
                </li>
                <?php
                    
}
                    if (isset(
$_POST["f3"])){
                        
$antal_ratt = $_POST["antal_ratt"];
                        
$svar = $_POST["f3"];
                        if (
$svar == "4"){
                            
$antal_ratt ++;
                        }
                        echo 
"<input type='hidden' name='antal_ratt' value='$antal_ratt'>";
                    }
                
?>
            </ul>
            <input type="submit" value="Submit">
    </form>

    <?php
        
if (isset($_POST["f3"]) & isset($_POST["antal_ratt"])){
            echo (
"Du fick: ".$antal_ratt. "/3 rätt!");
        }
    
?>
</body>
</html>