.:Biasakan Menggunakan Software Legal, Jangan Bajakan.:. " Home | The Official fnfCreator BLOG: Februari 2010
....

Jumat, 05 Februari 2010

Membuat Formulir dengan HTML dan CSS











Form Entri Data Mahasiswa
NPM:
Nama:
Prodi:




Berikut ini adalah "Source Code" Tampilan Form di atas


Jangan asal Copy Paste terus senyum, Pahami dan coba berkreasi




<html>
<head>
<title>Latihan desain Formulir </title>
</head>
<body>
<script language=javascript>
  function aktif()
  {
    document.fnfAgvtiE.textnpm.disabled= false;
   
  }
</script>
<style type=text/css>
  table.fnf {border: 1px;}
</style>
<form name = fnfAgvtiE >
  <table class=fnf>
     <tr><td colspan = 3>Form Entri Data Mahasiswa</td></tr>
     <tr><td>NPM</td><td>:</td><td><input type = text name =textnpm size= 14 maxlength=14></td></tr>
     <tr><td>Nama</td><td>:</td><td><input type = text name =textnama size= 34 maxlength=44></td></tr>
     <tr><td>Prodi</td><td>:</td>
        <td><select name=comboprodi onChange='javascript:btnaktif.disabled=false; '>
         <option value=TI selected>Teknik Informatika</option>
         <option value=SI >Sistem Informasi</option>
         <option value=KA >Komputerisasi Akuntansi</option>
         <option value=TK >Teknik Komputer</option>
         <option value=MI >Manajemen Informatika</option> 
         </select>
         </td></tr>
    <tr><td colspan=3 align=left>
<input type=button  value=Aktif name=btnaktif onmouseover= 'javascript: textnpm.disabled=false; textnpm.size=50; textnama.disabled=false;'>
<input type=button  value=NonAktif name=btnnonaktif onmouseover= 'javascript: textnpm.disabled=true; textnpm.size=14; textnama.disabled=true;'> </td></tr>
  </table>
</form>
</body>
</html>


Diposting oleh fnfcreator di 05.18 2 komentar
Langganan: Postingan (Atom)