1. เมื่อมีเพียงหนึ่ง <อินพุต type = "text" name = "name" /> ในแบบฟอร์มให้กด Enter เพื่อส่งแบบฟอร์มโดยอัตโนมัติ
การคัดลอกรหัสมีดังนี้:
<form id = "form1" action = "post.php" method = "post">
<input type = "text" name = "name" />>>
</form>
เพิ่มอีกอัน
การคัดลอกรหัสมีดังนี้:
<input type = "text" />
กด ENTER เพื่อส่งโดยอัตโนมัติ แต่มันก็น่าอึดอัดใจที่จะแสดงกล่องอินพุตที่ไม่รู้จักบนหน้า ต่อมาฉันพบวิธีแก้ปัญหาสองวิธีจากอินเทอร์เน็ต:
(1) เพิ่มหนึ่ง
การคัดลอกรหัสมีดังนี้:
<อินพุต style = "แสดง: ไม่มี;" type = "text" />
กล่องอินพุตจะไม่ปรากฏขึ้นและจะไม่ถูกส่งหลังจากป้อน:
การคัดลอกรหัสมีดังนี้:
<form id = "form1" action = "post.php" method = "post">
<input type = "text" name = "name" />>>
<อินพุต style = "Display: None" />
</form>
(2) เพิ่มเหตุการณ์ onkeydown จากนั้นกด Enter และจะไม่แสดง:
การคัดลอกรหัสมีดังนี้:
<form id = "form1" action = "post.php" method = "post">
<อินพุต type = "text" name = "name" onkeydown = "ถ้า (event.keycode == 13) ส่งคืน false;"/>
</form>
หากคุณต้องการเพิ่มเหตุการณ์การส่งคืนรถคุณสามารถเพิ่มแบบฟอร์มการส่งการตัดสินในเหตุการณ์ onkeydown:
การคัดลอกรหัสมีดังนี้:
<form id = "form1" action = "post.php" method = "post">
<อินพุต style = "Display: None" />
<input type = "text" name = "name" onkeydown = "ถ้า (event.keycode == 13) {gosubmit ();}" />
</form>
บางครั้งเราต้องการให้ปุ่ม ENTER ส่งแบบฟอร์มในองค์ประกอบอินพุต แต่บางครั้งเราไม่ต้องการ ตัวอย่างเช่นพฤติกรรมการค้นหาคุณหวังว่าจะกด ENTER เพื่อส่งแบบฟอร์มทันทีหลังจากป้อนคำหลัก สำหรับรูปแบบที่ซับซ้อนบางอย่างคุณอาจต้องหลีกเลี่ยงการดำเนินการข้อผิดพลาดของปุ่ม ENTER และทริกเกอร์การส่งแบบฟอร์มเมื่อกรอกแบบฟอร์มก่อนที่จะกรอกแบบฟอร์ม
ในการควบคุมพฤติกรรมเหล่านี้คุณไม่จำเป็นต้องใช้ JS เบราว์เซอร์ช่วยเราในการประมวลผลเหล่านี้ นี่คือกฎบางประการ:
หากมีปุ่ม Type = "ส่ง" ในแบบฟอร์มปุ่ม ENTER จะมีผล
หากมีเพียงอินพุตเดียวที่มี type = "text" ในรูปแบบไม่ว่าปุ่มพิมพ์จะเป็นแบบใด
หากปุ่มไม่ได้ใช้อินพุต แต่ปุ่มและไม่มีการเพิ่มประเภทค่าเริ่มต้นคือปุ่ม Type = ใน IE และค่าเริ่มต้นคือ Type = ส่งใน FX
องค์ประกอบแบบฟอร์มอื่น ๆ เช่น textarea และเลือกไม่ส่งผลกระทบต่อช่องทำเครื่องหมายวิทยุไม่ส่งผลกระทบต่อกฎการทริกเกอร์ แต่จะตอบสนองต่อปุ่ม ENTER ภายใต้ FX และจะไม่ตอบสนองใน IE
อินพุตของ type = "image" มีเอฟเฟกต์เช่นเดียวกับ type = "ส่ง" ฉันไม่รู้ว่าทำไมประเภทนี้ถึงออกแบบและไม่แนะนำให้ใช้ ควรเหมาะสมที่จะเพิ่มภาพพื้นหลังโดยใช้ CSS