1. عندما يكون هناك واحد فقط <إدخال type = "text" name = "name" /> في النموذج ، اضغط على Enter لإرسال النموذج تلقائيًا.
نسخة الكود كما يلي:
<form id = "form1" action = "post.php" method = "post">
<type type = "text" name = "name" />
</form>
أضف واحدة أخرى
نسخة الكود كما يلي:
<نوع الإدخال = "النص" />
اضغط على Enter لإرساله تلقائيًا ، لكن من المحرج عرض مربع إدخال غير معروف على الصفحة. في وقت لاحق ، وجدت حلين من الإنترنت:
(1) إضافة واحدة
نسخة الكود كما يلي:
<input style = "display: none ؛" اكتب = "نص" />
لم يتم عرض مربع الإدخال ، ولن يتم تقديمه بعد الدخول:
نسخة الكود كما يلي:
<form id = "form1" action = "post.php" method = "post">
<type type = "text" name = "name" />
<input style = "display: none" />
</form>
(2) أضف حدث OnKeyDown ، ثم اضغط على Enter ولن يتم عرضه:
نسخة الكود كما يلي:
<form id = "form1" action = "post.php" method = "post">
<type type = "text" name = "name" onKeyDown = "if (event.KeyCode == 13) return false ؛"/>
</form>
إذا كنت ترغب في إضافة حدث إرجاع النقل ، فيمكنك إضافة نموذج تقديم الحكم في حدث OnKeyDown:
نسخة الكود كما يلي:
<form id = "form1" action = "post.php" method = "post">
<input style = "display: none" />
<type type = "text" name = "name" onKeyDown = "if (event.keycode == 13) {gosubmit () ؛}" />
</form>
في بعض الأحيان نريد أن يقوم مفتاح Enter بإرسال النموذج في عنصر الإدخال ، لكن في بعض الأحيان لا نريده. على سبيل المثال ، سلوك البحث ، تأمل في الضغط على Enter لإرسال النموذج مباشرة بعد إدخال الكلمة الرئيسية. بالنسبة لبعض النماذج المعقدة ، قد تحتاج إلى تجنب تشغيل خطأ مفتاح Enter وتشغيل تقديم النموذج عند ملء النموذج قبل ملء النموذج.
للتحكم في هذه السلوكيات ، لا تحتاج إلى استخدام JS. لقد ساعدنا المتصفح في هذه المعالجة. فيما يلي بعض القواعد:
إذا كان هناك زر type = "إرسال" في النموذج ، فإن مفتاح Enter يسري.
إذا كان هناك إدخال واحد فقط مع type = "نص" في النموذج ، بغض النظر عن النوع الذي هو الزر ، فإن مفتاح Enter يسري.
إذا لم يستخدم الزر الإدخال ، ولكن الزر ، ولم يتم إضافة أي نوع ، يكون الافتراضي هو type = زر في IE ، والافتراضي هو type = إرسال في FX.
لا تؤثر عناصر النماذج الأخرى مثل Textarea و Select ، على أن مربع الاختيار الراديوي لا يؤثر على قواعد التشغيل ، ولكنه سوف يستجيب لمفتاح Enter تحت FX ولن يستجيب في IE.
إن إدخال Type = "Image" له نفس تأثير Type = "Submit". لا أعرف لماذا تم تصميم هذا النوع ، ولا ينصح باستخدامه. يجب أن يكون من المناسب إضافة صور الخلفية باستخدام CSS.