زر "وضع" في نموذج لا يستخدم عنوان URL الخاص بالنموذج

StackOverflow https://stackoverflow.com/questions/435044

  •  10-07-2019
  •  | 
  •  

سؤال

لدي نموذج عادي به عنوان url كإجراء يتم إرسال النموذج إليه عند النقر فوق زر الإرسال (أو الضغط على زر الإدخال).
الآن أحتاج إلى زر ثانٍ للانتقال إلى صفحة أخرى.أعلم أنه يجب علي استخدام رابط لهذا، ولكن بالنسبة لمتطلبات العميل، يجب أن يبدو كزر.
نظرًا لأن أوراق CSS لا يتم تصنيعها داخليًا (ويصبح الاتصال مستحيلًا بالنسبة لي)، فأنا بحاجة إلى زر في النموذج، وبالتالي لا يمكنني استخدام نموذج ثانٍ للزر.

اعتقدت أن أيًا من العلامات التالية يمكنها القيام بهذه المهمة:

<input type="button">

أو

<button>

هل يمكنني تعيين أي منهما للانتقال إلى رابط دون استخدام جافا سكريبت؟

هل كانت مفيدة؟

المحلول

والطريقة الوحيدة للقيام بذلك دون استخدام جافا سكريبت هو أن يكون الزر الثاني داخل النموذج الثاني، الذي عمل هو الوجهة المطلوبة. قد تكون قادرا على استخدام CSS لوضع هذا الزر الثاني "داخل" النموذج الأول.

نصائح أخرى

يمكنك القيام بذلك إما من خلال:

  • شكل ثاني

  • جافا سكريبت

  • CSS للسخرية من مظهر الزر الموجود على رابط الربط

يبدو أنك استبعدت الثلاثة في السؤال، ولكن ربما تركت نافذة صغيرة للتصميم المضمن (تقول أنه ليس لديك أي سيطرة على "أوراق CSS" ولكن هذا يترك مجالًا لسمة النمط)، ولكن هذا لن يقوم الحل بالطبع بتمرير أي من معلومات النموذج إلى الصفحة الأخرى.

لا يجب استخدام جافا سكريبت

<اقتباس فقرة>   

و<input type="button" value="go" onclick="javascript:location.href='http://www.stackoverflow.com';" />

<input type="button" onclick="document.location='my_other_link'" value="Click here"/>

وتغيير العمل للنموذج حيوي:

وهنا هو شفرة جافا سكريبت:

function submitAnotherURL(){
 var yourForm = document.your_form_name;
 yourForm.action='your_other_link';
 yourForm.submit();
}

والزر في HTML:

<input type="button" onclick="submitAnotherURL()" value="Click here"/>

لا يمكن أن يتم ذلك بلغة HTML خالصة.

يحرر: باستثناء، بالطبع، طريقة بطرس

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top