[Pemrograman]Membuat Form dengan kode HTML dan CSS


Siang sobat javatar kembali lagi bersama javatar kali ini javatar akan membuat form sederhana dengan menggunakan code HTML dan CSS untuk penggunaan database Mysql dan Bahasa Pemrograman PHP nya menyusul yah..
Oke sekarang siapkan Editor anda kalau saya memakai Bluefish editor
Nah berikut source code nya
Kode HTML :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<--@NewbieIlmu.wordpress.com-->
<html>

  <head>

  <meta name="generator" content="Bluefish 2.0.3" >

  <title>Universitas Budi Luhur</title>

  <link href="budi1.css" rel="stylesheet" type=text/css>

  <link href="http://cdn2.iconfinder.com/data/icons/fugue/icon/hammer_screwdriver.png" rel="shortcurt icon" type="img/jpg" />

  </head>

  <body>

   <table align="center" bgcolor="#E0DADB" border="0" width="600" height="600">

   <tr><td class="header" colspan="3" valign="top"><center>Universitas Budi Luhur</center></td></tr>

   <tr><td class="navbar" colspan="3" ><center>Menu || Profil || About</center></td></tr>

   <tr><td class="left-sidebar" valign="top"></td>

       <td class="content-main" valign="top">

        <form id="formku" >

        <center>

        <fieldset>

         <h5><u>Formulir Pendaftaran Mahasiswa Baru</u>

         <p>

         <label>Nama &nbsp; &nbsp; </label>

         <input type="number" name="Nama" size="20" required="required">

         </p>

         <p>

         <label>TTL &nbsp; &nbsp; &nbsp;</label> 

         <input type="text" name="Nama" size="20" required="required">

         </p>

         <p>

         <label>Alamat &nbsp; &nbsp;</label> 

         <input type="text" name="Alamat" size="20" maxlength="25" required="required">

         </p>

         <p>

         <label>Telepon &nbsp; &nbsp; </label> 

         <input type="number" name="Nama" size="20" maxlength="12" required="required">

         </p>

         <p>

         <label>Agama &nbsp; &nbsp;</label> 

         <input type="text" name="Agama" size="20" required="required">

         </p> 

         <p> 

         <br><input name="Submit" type="submit" value="Submit" />

        </p>

        </center> 

        </fieldset>

        </form>

       </td>

       <td class="right-sidebar" valign="top" align="left"> </td>

    </tr>  

   <tr><td class="footer" bgcolor="#9C6774" colspan="3"><center>&copy;Anugrah Bagus Susilo</center></td></tr>

   </table>

  </body>

</html>

Kode CSS nya

/* CSS Document */

/* -- Newbieilmu.wordpress.com-- */
.header

  {

  font-size:34px;

  background-color:756E70;

  color:#FFFFFF;

  position:relative;

  width:600;

  height:70;

  }

.navbar

  {

  width:600;

  height:30;

  background-color:#9C6774; 

  }

.left-sidebar

  {

   background-color:#756E70; 

   width:200; 

   height:450;

  }

.content-main

  {

  background-color:#D1CBCC;

  width:400;

  height:450;

  }

.right-sidebar

  {

  background-color:#756E70; 

  width:200; 

  height:450;

  }

}

.footer

  {

  width:700;

  height:50;

  background-color:#756E70;*/

  }

Nah nanti SS yang akan di dapat akan seperti ini ..

Gimana gan mudahkan membuat form menggunakan HTML dan CSS ..
Untuk tutorial selanjutnya tunggu update an dari para newbie newbie javatar yah

2 pemikiran pada “[Pemrograman]Membuat Form dengan kode HTML dan CSS

  1. waaah boleh dicoba nich…
    oia cara setting record yang masuk bisa dilihat dimana?
    terima kasih…

  2. thnx gan, jadi ngebantu proses pembelajaran ane ..

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s