Skip to content

Instantly share code, notes, and snippets.

@dirumahrafif

dirumahrafif/crud-form-bootstrap2.html

Created October 5, 2022 04:38
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save dirumahrafif/1332d5a41bd5fb7bb713147a73bfd1b9 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save dirumahrafif/1332d5a41bd5fb7bb713147a73bfd1b9 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
crud-form-bootstrap2.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Data Pegawai</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
</head>
<body class="bg-light">
<main class="container">
<!-- START FORM -->
<div class="my-3 p-3 bg-body rounded shadow-sm">
<form action='' method='post'>
<div class="mb-3 row">
<label for="nama" class="col-sm-2 col-form-label">Nama</label>
<div class="col-sm-10">
<input type="text" class="form-control" name='nama' id="nama">
</div>
</div>
<div class="mb-3 row">
<label for="jurusan" class="col-sm-2 col-form-label">Email</label>
<div class="col-sm-10">
<input type="text" class="form-control" name='jurusan' id="jurusan">
</div>
</div>
<div class="mb-3 row">
<label for="jurusan" class="col-sm-2 col-form-label"></label>
<div class="col-sm-10"><button type="submit" class="btn btn-primary" name="submit">SIMPAN</button></div>
</div>
</form>
</div>
<!-- AKHIR FORM -->
<!-- START DATA -->
<div class="my-3 p-3 bg-body rounded shadow-sm">
<!-- TOMBOL TAMBAH DATA -->
<div class="pb-3">
<a href='' class="btn btn-primary">+ Tambah Data</a>
</div>
<table class="table table-striped">
<thead>
<tr>
<th class="col-md-1">No</th>
<th class="col-md-5">Nama</th>
<th class="col-md-4">Email</th>
<th class="col-md-2">Aksi</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Anton</td>
<td>[email protected]</td>
<td>
<a href='' class="btn btn-warning btn-sm">Edit</a>
<a href='' class="btn btn-danger btn-sm">Del</a>
</td>
</tr>
</tbody>
</table>
</div>
<!-- AKHIR DATA -->
</main>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment