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

inlamning2.php

136 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 2 - Formulär</title>

    <style>
        body{
            form{
                width: 500px;
                margin-left: auto;
                margin-right: auto;
            }
            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>
        <?php
            
if (!isset($_POST["antal_ratt"]) or $_POST["antal_ratt"] == 0){
        
?>
        <input type="hidden" name="antal_ratt" value="0">

        <?php
              
} else{
                echo 
"<input type='hidden' name='antal_ratt'";
                echo (
"'value='".$_POST["antal_ratt"].">");
            }
        
?>
            <ul>
                <?php
                    
if (!isset($_POST["snamn"]) & !isset($_POST["f1"]) & !isset($_POST["f2"]) & !isset($_POST["f3"])){
                
?>
                <li id="namn">
                    <label for="snamn">Spelar Namn: </label>
                    <input type="text" name="snamn" id="snamn"> <br>
                </li>
                
                <?php
                    
}
                    if (isset(
$_POST["snamn"])){
                
?>
                <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>
                <?php
                    
}

                    if (isset(
$_POST["f1"])){
                
?>

                <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>

                <?php
                    
}

                    if (isset(
$_POST["f2"])){
                
?>
                <li id="f3">
                    <label for="f3">Fråga 3: Hur många ben har får?</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>

                <?php
                    
}
                
?>
            </ul>
            <input type="submit" value="Submit" id="sub">
    </form>

    <?php
            
if (isset($_POST["antal_ratt"])){
                
$antal_ratt = $_POST["antal_ratt"];

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

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