joris

Form Dinamis

May 8th, 2012
124
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 1.99 KB | None | 0 0
  1. <html>
  2. <head>
  3.     <link type="text/css" rel="stylesheet" href="css/fb-1.css" />
  4.     <link type="text/css" rel="stylesheet" href="css/fb-3.css" />
  5.     <link type="text/css" rel="stylesheet" href="css/warna.css" />
  6.    
  7. <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.19.custom.css" rel="stylesheet" />
  8. <script type="text/javascript" src="js/jquery-ui-1.8.19.custom.min.js"></script>
  9. <script>
  10.         $(function() {
  11.             $( "#tanggal" ).datepicker(
  12.         {
  13.             dateFormat: "yy-mm-dd"
  14.         }
  15.     );
  16. });
  17.  
  18. </script>
  19.  
  20. <script>
  21. var idrow = 2;
  22.  
  23. function tambah(){
  24.     var x=document.getElementById('datatable').insertRow(idrow);
  25.     var td1=x.insertCell(0);
  26.     var td2=x.insertCell(1);
  27.     var td3=x.insertCell(2);
  28.     var td4=x.insertCell(3);
  29.     td1.innerHTML="<input type='tex't name='idkaryawan[]' class='inputtext'>";
  30.     td2.innerHTML="<input type ='text' name='nama[]' class='inputtext'>";
  31.     td3.innerHTML="<select name='sex[]' class='inputtext'><option>Laki-laki</option><option>Perempuan</option></select>";
  32.     td4.innerHTML="<input type ='text' name='email[]' class='inputtext'>";
  33.     idrow++;
  34. }
  35.  
  36. function hapus(){
  37.     if(idrow>2){
  38.         var x=document.getElementById('datatable').deleteRow(idrow-1);
  39.         idrow--;
  40.     }
  41. }
  42. </script></head>
  43. <body>
  44.  
  45. <form action=prosesdatakaryawan.php method=post>
  46. <table id=datatable border=0>
  47. <tr bgcolor=#ababab>
  48. <td>ID Karyawan</td>
  49. <td>Nama</td>
  50. <td>Jenis Kelamin</td>
  51. <td>Email</td>
  52. </tr>
  53. <tr>
  54. <td><input type='tex't name='idkaryawan[]' class="inputtext" id='tanggal'></td>
  55. <td><input type ='text' name='nama[]' class="inputtext"></td>
  56. <td><select name='sex[]' class="inputtext"><option>Laki-laki</option><option>Perempuan</option></select></td>
  57. <td><input type ='text' name='email[]' class="inputtext"></td>
  58. </tr>
  59. </table>
  60. <input type=button value=tambah onclick=tambah() class="uiButton">
  61. <input type=button value=delete onclick=hapus() class="uiButton">
  62. <br>
  63. <input type=submit class="uiButton Confirm">
  64. </form>
  65. </body>
  66. </html>
Advertisement
Add Comment
Please, Sign In to add comment