rezamalik15

contoh form

May 30th, 2023
268
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.96 KB | None | 0 0
  1. <html>
  2.     <head>
  3.         <title>Welcome</title>
  4.         <link rel="icon" href="https://i.postimg.cc/zD7M3W5F/HTML.png">
  5.         <meta name="keywords" content="Sekolah Alam, Sekolah Enterpreneur">
  6.         <meta property= "og:image" content="https://i.postimg.cc/zD7M3W5F/HTML.png" >
  7.     </head>
  8.  
  9.     <body>
  10.         <h1>Selamat Datang</h1>
  11.  
  12.         <a href="http://google.com">
  13.             Go to google.com
  14.         </a>
  15.         <br><br>
  16.         <a href="http://google.com" target="_blank">
  17.             Go to google.com
  18.         </a>
  19.         <br><br>
  20.  
  21.         <a href="http://google.com/search?q=car">
  22.             <img src="../imes/1.png" alt="Gambar Mobil" width="400">
  23.         </a>
  24.  
  25.         <hr>
  26.  
  27.         <table border="1">
  28.  
  29.             <thead>
  30.                 <tr>
  31.                     <th>No.</th>
  32.                     <th>Nama Siswa</th>
  33.                     <th>Alamat</th>
  34.                 </tr>
  35.             </thead>
  36.  
  37.             <tbody>
  38.                 <tr>
  39.                     <td>1</td>
  40.                     <td>Andi</td>
  41.                     <td rowspan="6">Jakarta Utara</td>
  42.                 </tr>
  43.                 <tr>
  44.                     <td>2</td>
  45.                     <td>Andi</td>
  46.                 </tr>
  47.                 <tr>
  48.                     <td>3</td>
  49.                     <td>Andi</td>
  50.                 </tr>
  51.                 <tr>
  52.                     <td>4</td>
  53.                     <td>Andi</td>
  54.                 </tr>
  55.                 <tr>
  56.                     <td>5</td>
  57.                     <td>Andi</td>
  58.                 </tr>
  59.                 <tr>
  60.                     <td>6</td>
  61.                     <td>Andi</td>
  62.                 </tr>
  63.             </tbody>
  64.  
  65.             <tfoot>
  66.                 <tr>
  67.                     <td colspan="3">Jumlah Siswa : 6 Orang</td>
  68.                 </tr>
  69.             </tfoot>
  70.            
  71.         </table>
  72.  
  73.         <hr>
  74.  
  75.         <h1>Formulir Pendaftaran Siswa Baru</h1>
  76.  
  77.         <form action="" method="">
  78.  
  79.             <fieldset>
  80.                 <legend>Data Pribadi</legend>
  81.  
  82.                 <label for="fname">Nama Depan: </label>
  83.                 <br>
  84.                 <input type="text" id="fname" placeholder="Nama Depan">
  85.  
  86.                 <br><br>
  87.  
  88.                 <label for="lname">Nama Belakang: </label>
  89.                 <br>
  90.                 <input type="text" id="lname" placeholder="Nama Belakang">
  91.  
  92.                 <br><br>
  93.  
  94.                 <label for="dbirth">Tanggal Lahir: </label>
  95.                 <br>
  96.                 <input type="date" id="dbirth">
  97.  
  98.                 <br><br>
  99.  
  100.                 <label for="nik">NIK: </label>
  101.                 <br>
  102.                 <input type="text" id="nik" placeholder="16 digit NIK" maxlength="16">
  103.             </fieldset>
  104.            
  105.             <br><br>
  106.  
  107.             <label for="jurusan">Pilihan Jurusan: </label>
  108.             <br>
  109.             <select id="jurusan" multiple="">
  110.                 <option value="">IT</option>
  111.                 <option value="">Desain Grafis</option>
  112.                 <option value="" selected="">Melikus</option>
  113.                 <option value="" disabled="">Pertanian</option>
  114.                 <option value="">Perkebunan</option>
  115.                 <option value="">Perfilman</option>
  116.             </select>
  117.  
  118.             <br><br>
  119.  
  120.             <label for="">Jenis Kelamin: </label>
  121.             <br>
  122.             <input type="radio" id="jkl" name="jk" value="L">Laki-laki <br>
  123.             <input type="radio" id="jkp" name="jk" value="P">Perempuan <br>
  124.  
  125.             <br><br>
  126.  
  127.             <label for="">Hobi: </label>
  128.             <br>
  129.             <input type="checkbox" name="hb[]" checked>Berenang <br>
  130.             <input type="checkbox" name="hb[]">Basket <br>
  131.             <input type="checkbox" name="hb[]" disabled="">Sepak Bola <br>
  132.             <input type="checkbox" name="hb[]">Balapan <br>
  133.             <input type="checkbox" name="hb[]">Berkuda <br>
  134.             <input type="checkbox" name="hb[]">Main Kelereng <br>
  135.  
  136.             <br><br>
  137.  
  138.             <input type="submit" value="Kirim">
  139.         </form>
  140.        
  141.     </body>
  142. </html>
Add Comment
Please, Sign In to add comment