Saturday, December 5, 2015

Form Biodata JavaScript

Lanjut lagi belajarnya gan, ini cara membuat sebuah program form biodata dengan javascript, sangat mudah jika kita memahami syntak-syntaknya. :)
seperti biasa jika anda tidak megerti boleh di tanyakan di kolom komentar.


--------------------------------------------------------------------------------------------------------------------------
<html> 
<head> 
<title> Latihan ke 3 </title> 
</head> 

<body bgcolor = "cyan"> 
<script language="Javascript"> 

function tekan(form) 


var nimstr=(document.f10114044.nim.value); 
var namastr=(document.f10114044.nama.value); 
var jenisstr=(document.f10114044.jenis.value); 
var agamastr=(document.f10114044.agama.value); 
var status=""; 
if(form.status.checked==true) 
{status="Kawin";} 
   else 
{status="Tidak Kawin";} 
var jurusanstr=(document.f10114044.jurusan.value); 
var komstr=(document.f10114044.kom.value); 
document.f10114044.onim.value=nimstr; 
document.f10114044.onama.value=namastr; 
document.f10114044.ojenis.value=jenisstr; 
document.f10114044.oagama.value=agamastr; 
document.f10114044.ostatus.value=status; 
document.f10114044.ojurusan.value=jurusanstr; 
document.f10114044.okom.value=komstr; 


</script> 

<center> 
<h2><b> Data Mahasiswa </h2></b> 
<h2><b> Universitas Komputer Indonesia </h2></b> 
<pre><u>               </center></u></pre><br> 

<form name="f10114044"><pre> 
NIM : <input type="text" size="12" name="nim" value="10114044"> 
Nama Mahasiswa : <input type="text" size="15" name="nama" value="Yudi Ramdani"> 
Jenis Kelamin : <select name="jenis" size="1"> 
  <option value="Pria"> Pria </option> 
  <option value="Wanita"> Wanita </option></select> 
Agama : <select name="agama" size="1"> 
  <option value="Islam"> Islam </option> 
  <option value="Kristen"> Kristen </option> 
  <option value="Hindu"> Hindu </option> 
  <option value="Budha"> Budha </option> 
  <option value="Katolik"> Katolik </option></select> 
Status : <input type="radio" value="Kawin" name="status"> Kawin 
Jurusan Di Unikom : <select name="jurusan" size="1"> 
  <option value="Teknik Informatika"> Teknik Informatika </option> 
<option value="Manajemen Informatika"> Manajemen Informatika </option> 
  <option value="Teknik Komputer"> Teknik Komputer </option> 
  <option value="Teknik Elektro"> Teknik Elektro </option> 
  <option value="Sistem Informasi"> Sistem Informasi </option> 
  <option value="Teknik Arsitektur"> Teknik Arsitektur </option></select> 
Komentar : <textarea name="kom" rows="4" cols="40" ></textarea></pre><br> 

<center> 
<input type="button" value="Kirim" onclick="tekan(this.form)"> 
<input type="reset" value="Ulang"></center><br> 
<h2><u><b><center> Data Mahasiswa Universitas Komputer Indonesia </center></h2></u></b><pre> 
NIM : <input type="text" size="11" name="onim"> 
Nama Mahasiswa : <input type="text" size="20" name="onama"> 
Jenis Kelamin : <input type="text" size="11" name="ojenis"> 
Agama : <input type="text" size="11" name="oagama"> 
Status : <input type="text" size="11" name="ostatus"> 
Jurusan Di Unikom : <input type="text" size="20" name="ojurusan"> 
Komentar : <textarea name="okom" rows="4" cols="30"></textarea></pre><br> 

</form> 
</body> 
</html>
--------------------------------------------------------------------------------------------------------------------------


Hasil Tampilannya : 

Download Syntaknya :



catatan : jika anda meng-copy paste sertakanlah link sumbernya.
hargai tulisan orang lain. terima kasih!!!


Load disqus comments

0 komentar