Scribd Logo
Hochladen

Willkommen bei Scribd!

  • Nama Kelompok: Alan Ramadhan (1201174086) : Jessica Nindya P (1201174336) : Mutia Rahma Niza (1201174389)

    Hochgeladen von

    Alan Ramadhan
    27 Ansichten4 Seiten
    The document contains code for three PHP files (FORM.php, Keluaran.php, and Style.css) that create an alien abduction report form and display the submitted data. FORM.php contains the HTML code for the form with input fields. Keluaran.php contains PHP code to display the submitted form data. Style.css contains CSS code to style the form elements and page layout.

    Originalbeschreibung:

    scsc

    Originaltitel

    FRI -085-

    Copyright

    © © All Rights Reserved

    Verfügbare Formate

    DOCX, PDF, TXT oder online auf Scribd lesen

    Stufen Sie dieses Dokument als nützlich ein?

    Sind diese Inhalte unangemessen?

    Dieses Dokument melden
    The document contains code for three PHP files (FORM.php, Keluaran.php, and Style.css) that create an alien abduction report form and display the submitted data. FORM.php contains the HTML code for the form with input fields. Keluaran.php contains PHP code to display the submitted form data. Style.css contains CSS code to style the form elements and page layout.

    Copyright:

    © All Rights Reserved
    Als DOCX, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    27 Ansichten4 Seiten

    Nama Kelompok: Alan Ramadhan (1201174086) : Jessica Nindya P (1201174336) : Mutia Rahma Niza (1201174389)

    Hochgeladen von

    Alan Ramadhan
    The document contains code for three PHP files (FORM.php, Keluaran.php, and Style.css) that create an alien abduction report form and display the submitted data. FORM.php contains the HTML code for the form with input fields. Keluaran.php contains PHP code to display the submitted form data. Style.css contains CSS code to style the form elements and page layout.

    Copyright:

    © All Rights Reserved
    Als DOCX, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    von 4

    Nama Kelompok: Alan Ramadhan (1201174086)

    : Jessica Nindya P (1201174336)

    : Mutia Rahma Niza (1201174389)


    CODE FOR FORM.php
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang"en" lang="en">
    <head>
    <meta http-equiv="content-type" content="text/html : charset-utf-8"/>
    <title>Aliens Abducted Me - Report an Abduction</title>
    <link rel="stylesheet" type="text/css" href="style.css"/>
    </head>
    <body>
    <h2>Aliens Abducted Me - Report an Abduction</h2>
    <p>Share Your Story of Alien Abduction</p>
    <form method="post" action="Keluaran.php">
    <label for="firstname">First Name : </label>
    <input type="text" name = "firstname"/><br/>
    <label for="lastname">Last Name : </label>
    <input type="text" name = "lastname"/><br/>
    <label for="email">What is your email address ? </label>
    <input type="text" name = "email"/><br/>
    <label for="whenithappened">when did it happened ? </label>
    <input type="text" name = "whenithappened"/><br/>
    <label for="howlong">how long were you gone? </label>
    <input type="text" name = "howlong"/><br/>
    <label for="howmany">how many did you see? </label>
    <input type="text" name = "howmany"/><br/>
    <label for="aliendescription">describe them : </label>
    <input type="text" name = "aliendescription" size="32"/><br/>
    <label for="whattheydid">what did they do to you ? </label>
    <input type="text" name = "whattheydid" size="32"/><br/>
    <label for="fangspotted">have you seen my dog fang ? </label>
    YES <input name="fangspotted" type="radio" value="yes"/>
    NO <input name="fangspotted" type="radio" value="no"/><br/>
    <img src="fang.jpg" width="100" height="175"
    alt = "my abducted dog fang."/><br/>
    <label for="other">Anything Else You Want to Add ? </label>
    <textarea name="other"></textarea><br/>
    <input type="submit" value="Report Abduction" name="submit"/>
    </form>
    </body>
    </html>

    CODE FOR Keluaran.php


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    </head>
    <title>Aliens Abducted Me - Report an Abduction</title>
    <body><h2> Aliens Abducted Me - Report an Abduction</h2>

    <?php
    $first_name = $_POST ['firstname'];
    $last_name = $_POST ['lastname'];
    $when_it_happened = $_POST ['whenithappened'];
    $how_long = $_POST ['howlong'];
    $how_many = $_POST ['howmany'];
    $alien_description = $_POST ['aliendescription'];
    $what_they_did = $_POST ['whattheydid'];
    $fang_spotted = $_POST ['fangspotted'];
    $email = $_POST ['email'];
    $other = $_POST ['other'];

    echo 'Thanks for submitting the form.<br />';


    echo 'You were abducted ' . $when_it_happened;
    echo ' andd were gone for ' . $how_long . '<br />';
    echo ' Number of Aliens ' . $how_many . '<br />';
    echo 'Number of aliens: ' . $alien_description . '<br />';
    echo 'Was Fang there? ' . $fang_spotted . '<br />';
    echo 'Other comments : ' . $other . '<br />';
    echo 'Your email address is ' . $email;
    ?>

    </body>
    </html>

    CODE FOR Style.css


    @charset "UTF-8";
    body {background-color : #FAEBD7}
    h1 {color : #CD5C5C; font-family :Arial; font-size : 36px ; text-align : center}
    p {color : #DC143C; font-family :Arial; font-size : 28px ; text-align : left}
    label {color : #DC143C; font-family :Arial; font-size : 12x ; text-align : left}
    form {
    overflow: hidden;color : #DC143C; font-family :Arial; font-size : 12px ; text-
    align : left
    }
    input[type=submit] {
    background: linear-gradient(to bottom, #0088CC, #0044CC);
    border: 1px solid #f46248;
    color: #FFF;
    margin: 4px 10px;
    padding: 5px;
    width: 120px;
    }
    input[type=submit]:active {
    background: #f46248;
    }
    input[type=text]{
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 5px;
    width: 225px;
    }
    textarea {
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 5px;
    width: 225px;
    }

    Das könnte Ihnen auch gefallen