<< Vkládání obsahu | Přehled cvičení | Formulář - Výpočet BMI >>

Zadání

  • Vytvořte webovou přihlášku školního družstva na sportovní soutěž odesílanou mailem
  • Pro přihlášku vytvořte dva soubory
    • prihlaska.html - stránka s formulářem přihlášky a výpočtem startovného
    • prihlaska.php - stránka se skriptem pro kontrolu, zobrazení a odeslání dat mailem
  • Umožněte zadání potřebných dat a jejich kontrolu
  • Zajistěte přehledné stylování formuláře pomocí CSS
  • Zajistěte výpočet startovného a zaslání přihlášky mailem na zadanou adresu
  • Otestujte přenos dat na lokálním serveru
  • Pro test mailu přeneste soubory na vlastní webhosting

Struktura formuláře

Škola

  • Název školy
  • Adresa školy

Učitel

  • Jméno
  • Mail

Účastníci

  • Počet dívek
  • Počet chlapců
  • Celkem startovné
    • počet účastníků x 20 Kč (výpočet pomocí javascriptu)

Příklady kódu

  • Příklad kódu HTML formuláře
    <form action="prihlaska.php" method="get">
      <fieldset>
      <legend>Osoba</legend>
        <label>Jméno *</label>
        <input type="text" name="jmeno"/ >
        <label>Příjmení *</label>
        <input type="text" name="prijmeni"/>
        <label>Mail *</label>
        <input type="text" name="mail"/>
      </fieldset>
      <input type="submit" value="Odeslat"/>
    </form>
  • Příklad kódu PHP souboru
    <?php
    $jmeno    = $_GET["jmeno"];
    $prijmeni = $_GET["prijmeni"];
    $mail     = $_GET["mail"];
    if( !($jmeno and $prijmeni and $mail) ) //test vyplnění polí formuláře
    {
      echo "<h2>Chybí povinné údaje!</h2>";
      echo "<a href='prihlaska.html'>Zpět na formulář</a>";
    }
    // test odeslání mailu
    elseif( mail("adresat@spsnome.cz", "Přespolní běh - přihláška", $jmeno."\n".$prijmeni."\n".$mail, "From:".$mail) )
    {
      echo "Přihláška byla odeslána";
      // doplnit přehledný výpis odeslaných informací
      echo "Odeslané informace: ..............";
    }
    else
    {
      echo "<h2>Mail nebyl odeslán!</h2>";
      echo "<a href='prihlaska.html'>Zpět na formulář</a>";
    }
    ?>

Testování mailu

  • pro testování zvolte svou vlastní adresu
  • pro odevzdání nastavte učitelskou adresu
  • předmět mailu - Přespolní běh - přihláška

Způsob odevzdání

  • v zadaném termínu zašlete učiteli mail s odkazem na on-line formulář
  • předmět mailu : Přihláška
  • přílohy prihlaska.html a prihlaska.php
RSS