1. Ketika hanya ada satu <input type = "text" name = "name" /> dalam formulir Formulir, tekan Enter untuk secara otomatis mengirimkan formulir.
Salinan kode adalah sebagai berikut:
<Form ID = "Form1" Action = "Post.php" Metode = "Post">
<input type = "text" name = "name" />
</form>
Tambahkan satu lagi
Salinan kode adalah sebagai berikut:
<input type = "text" />
Tekan Enter untuk mengirimkannya secara otomatis, tetapi canggung untuk menampilkan kotak input yang tidak diketahui pada halaman. Kemudian, saya menemukan dua solusi dari Internet:
(1) Tambahkan satu
Salinan kode adalah sebagai berikut:
<input style = "display: none;" type = "text" />
Kotak input tidak ditampilkan, dan tidak akan dikirimkan setelah masuk:
Salinan kode adalah sebagai berikut:
<Form ID = "Form1" Action = "Post.php" Metode = "Post">
<input type = "text" name = "name" />
<input style = "display: none" />
</form>
(2) Tambahkan acara OnKeydown, dan kemudian tekan Enter dan tidak akan menampilkan:
Salinan kode adalah sebagai berikut:
<Form ID = "Form1" Action = "Post.php" Metode = "Post">
<input type = "text" name = "name" onKeyDown = "if (event.keycode == 13) return false;"/>
</form>
Jika Anda ingin menambahkan acara pengembalian kereta, Anda dapat menambahkan formulir pengiriman penilaian di acara OnKeydown:
Salinan kode adalah sebagai berikut:
<Form ID = "Form1" Action = "Post.php" Metode = "Post">
<input style = "display: none" />
<input type = "text" name = "name" onKeyDown = "if (event.keycode == 13) {gosubmit ();}" />
</form>
Terkadang kita ingin tombol Enter untuk mengirimkan formulir dalam elemen input, tetapi kadang -kadang kita tidak menginginkannya. Misalnya, perilaku mencari, Anda berharap untuk menekan ENTER untuk mengirimkan formulir segera setelah memasukkan kata kunci. Untuk beberapa bentuk yang kompleks, Anda mungkin perlu menghindari operasi kesalahan dari tombol Enter dan memicu pengiriman formulir saat formulir diisi sebelum formulir diisi.
Untuk mengendalikan perilaku ini, Anda tidak perlu menggunakan JS. Browser telah membantu kami dengan pemrosesan ini. Berikut beberapa aturan:
Jika ada tombol Type = "Kirim" dalam formulir, kunci Enter berlaku.
Jika hanya ada satu input dengan type = "Teks" dalam formulir, apa pun tipe tombolnya, tombol Enter mulai berlaku.
Jika tombol tidak menggunakan input, tetapi tombol, dan tidak ada tipe yang ditambahkan, defaultnya tipe = tombol di IE, dan defaultnya adalah type = kirim di fx.
Elemen -elemen formulir lainnya seperti TextArea dan Select Do Not Pengaruh, kotak centang radio tidak mempengaruhi aturan pemicu, tetapi akan menanggapi tombol Enter di bawah FX dan tidak akan merespons di IE.
Input tipe = "gambar" memiliki efek yang sama dengan type = "kirim". Saya tidak tahu mengapa jenis ini dirancang, dan tidak disarankan untuk menggunakannya. Seharusnya tepat untuk menambahkan gambar latar belakang menggunakan CSS.