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