API tools faq
paste
Radityanugrap

ujilevel HTML

Radityanugrap
Sep 18th, 2020
46
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.59 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2.     <html lang="en">
  3.     <head>
  4.         <!-- Required meta tags -->
  5.         <meta charset="utf-8">
  6.         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.  
  8.         <!-- Bootstrap CSS -->
  9.         <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
  10.  
  11.         <title>Uji Level 1</title>
  12.     </head>
  13.     <body>
  14.         <h1 class="text-center">Form Input Data</h1>
  15.  
  16.         <div class="container-sm mt-5">
  17.             <form class="border border-dark mx-5">
  18.                 <div class="form-group row mt-2 mx-5">
  19.                     <label for="kodeProduk" class="col-sm-2 col-form-label">Kode Produk</label>
  20.                     <div class="col-sm-10">
  21.                         <input type="text" class="form-control" id="kodeProduk" placeholder="MD-001" disabled>
  22.                     </div>
  23.                 </div>
  24.                 <div class="form-group row mx-5">
  25.                     <label for="namaProduk" class="col-sm-2 col-form-label">Nama Produk</label>
  26.                     <div class="col-sm-10">
  27.                         <input type="text" class="form-control" id="namaProduk" placeholder="makanan/minuman">
  28.                     </div>
  29.                 </div>
  30.                 <div class="form-group row mx-5">
  31.                     <label for="hargaProduk" class="col-sm-2 col-form-label">Harga Produk</label>
  32.                     <div class="col-sm-10">
  33.                         <input type="number" class="form-control" id="hargaProduk">
  34.                     </div>
  35.                 </div>
  36.                 <div class="form-group row mx-5">
  37.                     <label for="satuan" class="col-sm-2 col-form-label">Satuan</label>
  38.                     <div class="col-sm-10">
  39.                         <select class="form-control" id="satuan">
  40.                             <option disabled selected>Pilih</option>
  41.                             <option value="1">Gelas</option>
  42.                             <option value="2">Pcs</option>
  43.                         </select>
  44.                     </div>
  45.                 </div>
  46.                 <div class="form-group row mx-5">
  47.                     <label for="kategori" class="col-sm-2 col-form-label">Kategori</label>
  48.                     <div class="col-sm-10">
  49.                         <select class="form-control" id="kategori" onchange="kodep(this.value)">
  50.                             <option disabled selected>pilih</option>
  51.                             <option value="Minuman Dingin">Minuman Dingin</option>
  52.                             <option value="Makanan Ringan">Makanan Ringan</option>
  53.                             <option value="Makanan Cepat Saji">Makanan Cepat Saji</option>
  54.                         </select>
  55.                     </div>
  56.                 </div>
  57.                 <div class="form-group row mx-5 ">
  58.                     <label for="urlGambar" class="col-sm-2 col-form-label">URL Gambar</label>
  59.                     <div class="col-sm-10">
  60.                         <input type="text" class="form-control" id="urlGambar">
  61.                     </div>
  62.                 </div>
  63.                 <div class="form-group row mx-5">
  64.                     <label for="stokAwal" class="col-sm-2 col-form-label">Stok Awal</label>
  65.                     <div class="col-sm-10">
  66.                         <input type="number" class="form-control" id="stokAwal">
  67.                     </div>
  68.                     <button class="btn btn-success mt-3 ml-3" type="button" onclick="add()" id="button9">Simpan</button>
  69.                     <button class="btn btn-secondary mt-3 ml-3" type="button" onclick="batal()" id="button">Batal</button>
  70.                     <button class="btn btn-success mt-3 ml-3" type="button" onclick="editSimpan()" id="button6">Simpan</button>
  71.                 </div>
  72.             </form>
  73.    
  74.             <table class="table table-bordered mt-5">
  75.                 <thead class="thead-light">
  76.                     <tr>
  77.                         <th scope="col">No</th>
  78.                         <th scope="col">Kode Produk</th>
  79.                         <th scope="col">Nama Produk</th>
  80.                         <th scope="col">Kategori Produk</th>
  81.                         <th scope="col">Stok Produk</th>
  82.                         <th scope="col">Gambar Produk</th>
  83.                         <th scope="col">Action</th>
  84.                     </tr>
  85.                 </thead>
  86.                 <tbody id="tampildata">
  87.    
  88.                 </tbody>
  89.             </table>
  90.         </div>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!