Membuat Formulir dengan HTML dan CSS

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>

2 komentar:

Tridas Bi Sisma mengatakan...: assalamu'alaikum
mau tanya kang, setelah jadi kenapa tdk bisa link ya? lalu memeriksa yang sudah di entri kemana? bisa tdk di link ke email? jadi kalau ada yang entri kita bisa tau lewat email.
wassalamu'alaikum; 1 Mei 2010 pukul 07.11
Tridas Bi Sisma mengatakan...: http://tridastour.blogspot.com/; 1 Mei 2010 pukul 07.12