Minggu, 10 April 2016

FORM INPUT DATA MAHASISWA

Assalamualaikum ..

Selamat pagi,,
untuk kali ini saya hanya ingin share materi praktikum yang kemarin saya dapat ..
Soal poetestnya yaitu membuat tampilan seperti di bawah ini :




















BERIKUT untuk HTMLnya :
<html> 
<head><title>DATA MAHASISWA</title></head>
<body background="my kero.JPG">
    <form action="proses.php"  method="post">
    <table  width="452" border="0" align="center"  cellpadding="0" cellspacing="1"  bgcolor="" style="padding: 2px">
        <tr>
            <td  height="40" align="center"  bgcolor="red"><font  color="black">
            <b>INPUT DATA MAHASISWA</b></font></td>
        </tr>
        <tr>
            <td  bgcolor="green"><table width="452"  border="0" align="center" cellpadding="5"  cellspacing="0">
        <tr>
            <td  width="113">Nama</td><td width="11">:</td>
            <td  width="237"><input name="nama" type="text" size="30" maxlength="30"></td>
        </tr>
        <tr>
            <td>NIM</td>
            <td>:</td>
            <td><input  name="nIm" type="text" size="" maxlength="30"></td>
        </tr>
        <tr>
            <td>No. HP</td>
            <td>:</td>
            <td><input  name="hp" type="text" size="30" maxlength="30"></td>
        </tr>
        <tr>
            <td>jenis kelamin</td>
            <td>:</td>
            <td>
                <input type="radio" name="jk" value="laki-laki">laki-laki<br>
                <input type="radio" name="jk" value="perempuan">perempuan<br>
    
            </td>
        </tr>
        <tr>
            <td>Agama</td>
            <td>:</td>
            <td>
            <select>
                <option>islam</option>
                <option>khatolic</option>
                <option>hindu</option>
                <option>kristen</option>
                <option>budha</option>
             
            </td>
        </tr>
        <tr>
            <td>alamat</td>
            <td>:</td>
            <td><textarea name="saran" cols="30"  rows="5"></textarea></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td><input type="submit" name="submit" value="SIMPAN">
                <input type="submit" name="reset" value="BATAL"></td>
        </tr>
    </table>
    </form>
</body>
</html>


NOTE : background gambar disesuaikan dengan gambar yang di simpan pada folder yang sama saat menyimpan folder htmlnya yaaa

Sekian dan Terimakasih Semoga Bermanfaat

Wassalamualaikum ............






0 komentar

Posting Komentar