MEMBUAT FILE todo.php

1. Membuat Folder todo

2. todo/todo.php

Mari Kita Mulai

1. Membuat Button (untuk tomboh tambah) menggunakan Framework Bootstrap 5

Kita Posisikan Sebelah Kanan

https://getbootstrap.com/docs/5.3/components/buttons/#base-class

Note: button style ="float: right;"

2. Membuat Modal Title dan Form Aktiv

Temen-temen bisa liat contoh dibawah ini untuk style bisa disesuaikan

<h5 class="modal-title">Modal title</h5>

</div>

<p>Modal body text goes here.</p>

</div>

<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>

<button type="button" class="btn btn-primary">Save changes</button>

</div>

Penjelasan:

Kode tersebut menggunakan Bootstrap Modal untuk membuat jendela pop-up yang berisi formulir input.

<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">

id="exampleModal" → ID modal yang digunakan untuk menampilkan atau menyembunyikan modal dengan JavaScript.
aria-hidden="true" → Modal ini disembunyikan secara default.
tabindex="-1" → Modal tidak akan mendapatkan fokus saat pertama kali dimuat.

<form method="POST" action="todo/tambah_todolist.php">

method="POST" → Data formulir akan dikirim menggunakan metode POST.
action="todo/tambah_todolist.php" → Data dikirim ke file PHP bernama tambah_todolist.php dalam folder todo/.

Output

dilingkari Output Button dan Modal Title

3. Menambahkan Icon

Temen-temen buka link W3School :

https://www.w3schools.com/icons/google_icons_intro.asp

tambahkan link rel stylesheet didalam head folder index.php

4. Membuat Table dan PHP

Raeni Official