Muhammad Hafid

Blog Belajar Python atau Django

Muhammad Hafid

Tugas kita itu adalah bukan untuk berhasil, tugas kita adalah untuk mencoba, karena di dalam mencoba itulah kita menemukan dan belajar membangun kesempatan untuk berhasil.

Tag Button HTML, Tetapi Bukan Untuk Submit

Pernah kah anda ingin menggunakan tag html tapi fungsinya bukan yang ada maksud.? Disini saya akan menshare pengalaman saya menggunakan standar html ya bicaranya.
Disini saya ingin membuat 1 buat tombol button, dan tombol button ini saya gunakan untuk memanggil form dalam bentuk modal booststrap. Lalu syntak yang saya gunakan adalah :

<form action='test.php' method='POST'>
  ........ script form seperti pada umumnya ......
<button untuk submit><button cancel><button form modal>
</form>

Jika kita klik button untuk submit ya otomatis kan akan ngePOST ke test.php, jika cancel bearti ke halaman sebelumnya, lalu bagaimana jika yang dipencet form modal ? jika kita menggunakan button yang sama dengan yang lainnya maka otomatis akan NGEPOST ke test.php, padahal yang kita inginkan bukan ngePOST tp ngeGET atau memanggil form modal bootsrap.
Pada waktu itu seharusnya jika button form modalnya saya letakan di luar script form ya tidak masalah, tapi style yang saya gunakan jadi tidak rapih.

Triknya adalah tinggal tambahkan aja, perhatikan yang saya cetak tebal dibawah ini perbedaannya :
<button id="button1id" name="button1id" class="btn btn-success">Simpan</button>
<button class="btn btn-primary btn-md" data-toggle="modal" data-target="#myModal" type="button">
                  + New Form
                </button>
Semoga cukup membantu


Labels: html

Thanks for reading Tag Button HTML, Tetapi Bukan Untuk Submit . Please share...!

0 Comment for "Tag Button HTML, Tetapi Bukan Untuk Submit"

Back To Top