Formulir html kirim ke halaman yang sama

Jika Anda tidak perlu menggunakan tag Formulir atau tag Jangkar untuk Menautkan tombol Kirim ke halaman lain di HTML, maka kami dapat menggunakan JavaScript untuk kasus seperti itu. Dalam JavaScript, kami merancang sebuah Fungsi yang akan mengelola semua Data seperti Jalur Halaman tempat kami ingin Menghubungkan Tombol Kirim kami. Nama fungsi, Dengan menggunakan nama Fungsi itu kita dapat memanggil fungsi itu dalam atribut HTML onClick. Yang kami sebut fungsi yang ditugaskan dan kami dapat mengarahkan pengguna kami dari satu halaman ke halaman lain dengan mengklik Tombol Kirim

tombol JavaScript ke situs lain

Menggunakan Acara JavaScript OnClick Anda dapat mengarahkan pengguna ke halaman lain dengan satu klik
Jadi jika Anda ingin melakukan tombol JavaScript ke situs lain Redirect
Kemudian gunakan Kode yang Diberikan Di Bawah Ini

  
   Click ME  
 

FAQ tentang. Cara Menautkan Tombol Kirim di HTML

tombol submit redirect ke halaman lain HTML

Untuk mengarahkan pengguna ke halaman lain menggunakan tombol Kirim, kita dapat menggunakan tag Jangkar HTML atau tag Formulir untuk itu
Dalam tag Anchor dan Tag Formulir, kita perlu Menulis/Menyatakan tombol Kirim di antara tag Anchor atau Tag Formulir
Yang akan membuat tombol Kirim kami Dapat Diklik. Dan dengan menggunakan atribut href tag Anchor dan Form, kita dapat Menentukan Jalur yang ingin diarahkan oleh pengguna setelah mengklik Tombol Kirim
Arahkan ulang menggunakan Tag Formulir HTML

Arahkan ulang menggunakan Tag Jangkar HTML

    
     
    
       
       Click Me  
     
    
        

cara membuat tombol atau tautan halaman ke halaman lain di HTML menggunakan tombol

Cukup tulis/Deklarasikan Tombol HTML Anda di dalam tag Jangkar HTML. Tag jangkar akan membuat Tombol HTML kami Dapat Diklik dan setelah itu, Anda dapat menggunakan atribut href tag jangkar untuk memberikan Path ke Tombol Anda

     
     
    
       
       Click Me  
     
    
        

cara menangani banyak tombol kirim dalam bentuk HTML

Dalam Formulir HTML, semua Tombol di dalam Tag Formulir akan berfungsi seperti tombol Kirim. Yang akan mengarahkan pengguna ke halaman yang sama (Yang telah kami nyatakan di dalam atribut tindakan formulir HTML) Jika Anda ingin Menangani beberapa tombol Kirim maka Anda dapat menggunakan tag Beberapa Formulir dengan beberapa Jalur Halaman. atau Anda dapat menggunakan tag Anchor alih-alih tag Formulir untuk mengarahkan Pengguna menggunakan beberapa tombol kirim di tautan HTML tombol kirim ke halaman lain menggunakan JavaScript

jendela JavaScript. lokasi memungkinkan kami untuk mengarahkan pengguna kami ke halaman lain dengan satu klik. Kami hanya perlu menambahkan acara Klik di dalam JavaScript kami. Yang akan dijalankan saat pengguna Memanggil Acara Klik dengan mengklik tombol Kirim

a href Kirim formulir klik

Ya, Anda dapat Menghubungkan/Membuka halaman lain menggunakan HTML Anchor Tags/Metode Href. Untuk itu Anda harus menyediakan Link halaman lain Anda di dalam atribut anchor tag href. Yang akan membuka halaman Tertaut Anda dengan Satu Klik

  
    
     
    
       
       Click Me 
     
    
    
    
  

redirect ke halaman lain setelah form submit HTML

Jika Anda ingin mengarahkan ulang ke halaman lain setelah mengirimkan formulir html, Maka Anda harus memberikan/Menandatangani jalur halaman Lain di dalam Atribut TINDAKAN tag Formulir HTML. Yang akan POST/Kirim data Formulir Anda ke Lokasi itu dan Buka/Arahkan Pengguna Anda ke Halaman Web Tertentu itu

Apakah mungkin mengirimkan formulir yang sama ke skrip yang berbeda? . Ada metode yang lebih baik untuk melakukannya; . Untuk saat ini, mari kita lihat apakah mungkin untuk mengirimkan formulir yang sama ke skrip yang berbeda

Mengirimkan formulir tanpa menyegarkan halaman

Saat Anda mengirimkan formulir, halaman tersebut dialihkan ke halaman respons. Ini mencegah kami mengirimkan formulir lagi ke skrip lain

Solusinya adalah dengan menggunakan IFrame. Ada atribut 'target' yang bisa digunakan dengan formulir. Buat IFrame, buat 'target' formulir menjadi IFrame. Respons dari pengiriman formulir dialihkan ke bingkai target

Berikut adalah contoh kode yang menunjukkan metode ini

<form id='myform' action='action.php' method='POST' target='formresponse'>
<label for='name' >Your Full Name*: </label><br/>
<input type='text' name='name' id='name' maxlength="50" /><br/>
<label for='email' >Email Address*:</label><br/>
<input type='text' name='email' id='email' maxlength="50" /><br/>
<input type='button' name='Submit' value='Submit' />
</form>

<iframe name='formresponse' width='300' height='200'></frame>

Anda dapat menyembunyikan IFrame jika diperlukan

Lihat kode beraksi
Halaman demo pengiriman formulir halaman yang sama

Unduh kodenya

Multi-mengirimkan formulir

Kami membutuhkan JavaScript yang cukup sederhana untuk mengirimkan formulir secara multipel. Setiap pengiriman formulir dapat dialihkan ke IFrame

Kode di bawah ini menunjukkan cara melakukannya

function SubmitForm()
{
     document.forms['contactus'].action='action1.php';
     document.forms['contactus'].target='frame_result1';
     document.forms['contactus'].submit();

     document.forms['contactus'].action='action2.php';
     document.forms['contactus'].target='frame_result2';
     document.forms['contactus'].submit();
     return true;
}

Fungsi SubmitForm() mengirimkan formulir dua kali. Beralih bidang 'tindakan' dan bidang 'target' setiap saat

Fungsi SubmitForm() dipanggil saat tombol kirim ditekan

Lihat ini beraksi. Halaman demo formulir multi-kirim

Unduh kode

Lebih menyenangkan dengan formulir multi-kirim

Bagaimana dengan mencari di Google dan Bing secara bersamaan?

Ini kodenya

function SubmitForm()
{
    document.forms['search'].action='http://www.google.com/search';
    document.forms['search'].target='frame_result1';
    document.forms['search'].submit();

    document.forms['search'].action='http://www.bing.com/search';
    document.forms['search'].target='frame_result2';
    document.forms['search'].submit();
    return true;
}

Cobalah sendiri. pencarian multi-kirim

Unduh kode

Metode yang lebih baik

Bergantung pada skrip sisi klien untuk logika inti Anda bukanlah praktik yang baik. Skrip sisi klien terbuka untuk semua orang sehingga mudah untuk mengalahkan atau menghancurkan sistem Anda. Jadi, formulir multi-kirim mungkin bukan solusi yang baik untuk semua aplikasi

Metode yang tepat adalah mengenkapsulasi pemrosesan inti di sisi server itu sendiri. Jika Anda ingin menggunakan layanan pihak ketiga, lihat apakah mereka memiliki API layanan web. Gunakan layanan itu bila tersedia

Bagaimana cara mengarahkan ulang ke halaman yang sama setelah mengirimkan dalam HTML?

Bagaimana cara menampilkan data yang dikirimkan pada halaman yang sama dengan formulir di HTML?

Bagaimana cara mengirimkan formulir di halaman yang sama di PHP?

Bagaimana cara mengirimkan formulir tanpa memuat ulang halaman?