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

inlamning4.php

192 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 4 - Formulär</title>

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

            li {
                margin-top: 40px;

                input {
                    margin-bottom: 10px;
                }

                ul {
                    list-style: none;

                    li {
                        display: inline-flex;
                        justify-content: space-between;

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

                        input {
                            margin-right: 140px;
                            margin-bottom: 0px;
                        }
                    }
                }
            }
        }
    </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>

                    <label for="password">Lösenord: </label>
                    <input type="password" name="password" value="">
                    <label for="password">(1234)</label>
                    <br>
                </li>

            <?php
            
}
            if (isset(
$_POST["snamn"]) & !isset($_POST["f1"]) & isset($_POST["password"])) {
                if (
$_POST["password"] != "1234") {
                    echo (
"Fel lösenord, ladda om sidan..");
                    return;
                }
            
?>

                <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'>";
            }
            
?>
            <?php
            
if (isset($_POST["f3"]) & isset($_POST["antal_ratt"])) {
                echo (
"Du fick: " . $antal_ratt . "/3 rätt!");

                
$meddelande = "Hej! du fick ". $antal_ratt. "/3 rätt! \n\n";

                
$mottagare = "hjagri25@varmdogymnasium.se";
                
$rubrik = "Resultat från quiz om Djur";

                
$mejlhuvud = "From: hjahri25@varmdogymnasium.se\r\n";
                
$mejlhuvud .= "Reply-To: hjagri25@varmdogymnasium.se" . "\r\n";
                
$mejlhuvud .= "Content-Type: text/plain; charset=UTF-8\r\n";
                if (
mail($mottagare, $rubrik, $meddelande, $mejlhuvud)) {
                    echo 
"<p>Formuläret är skickat!</p>";
                    echo 
"<p>Mejlet har skickats till skolans adress.</p>";
                } else {
                    echo 
"<p>Det gick inte att skicka mejlet.</p>";
                }
            }
            
?>
        </ul>
        <input type="submit" value="Submit">
    </form>
</body>

</html>