خصائص Button formMethod

مثل HTML DOM Button

التعريف والاستخدام

formMethod إعداد أو إرجاع الخاصية خاصية formmethod القيمة

تحدد خاصية formmethod الطريقة HTTP المستخدمة لإرسال بيانات النموذج. تغطي هذه الخاصية خاصية method للنموذج.

تُستخدم خاصية formmethod فقط للنماذج من نوع "submit"

يمكن إرسال بيانات النموذج كمتغيرات URL (باستخدام method="get") أو كـ HTTP post (باستخدام method="post")

ملاحظات حول طريقة "get":

  • يُضيف بيانات النموذج إلى URL تحتوي على اسم/قيمة
  • هذا مفيد جدًا لإنشاء نماذج يتم فيها إضافة البحث إلى النتائج
  • كمية البيانات التي يمكن وضعها في URL محدودة (يختلف ذلك من متصفح إلى آخر)، لذلك لا يمكنك التأكد من أن جميع بيانات النموذج ستُنقل بشكل صحيح
  • لا تستخدم طريقة "get" لنقل معلومات حساسة！（كالمحادثات أو المعلومات الحساسة الأخرى ستظهر في شريط العناوين في المتصفح）

ملاحظات حول طريقة "post":

  • يُرسل بيانات النموذج كمعاملة HTTP post
  • لا يمكن إضافة النماذج التي يتم تقديمها باستخدام طريقة "post" إلى المفضلة
  • أقوى وأكثر أمانًا من "get"
  • لا توجد محدودية في الحجم

ملاحظة:خاصية formmethod هي خاصية جديدة لـ <button> في HTML5.

مثال

مثال 1

إرجاع الطريقة HTTP المستخدمة لإرسال بيانات النموذج:

var x = document.getElementById("myBtn").formMethod;

جرب بنفسك

مثال 2

تغيير طريقة إرسال بيانات النموذج:

document.getElementById("myBtn").formMethod = "post";

جرب بنفسك

مثال 3

مثال آخر لإرجاع خاصية formMethod:

var x = document.getElementById("myBtn").formMethod;

جرب بنفسك

النحو

إرجاع خاصية formMethod:

buttonObject.formMethod

إعداد خاصية formMethod:

buttonObject.formMethod = get|post

قيمة الخاصية

القيمة الوصف
get إضافة بيانات النموذج إلى URL: URL?name=value&name=value
post إرسال بيانات النموذج كمعاملة HTTP post

تفاصيل التقنية

القيمة المعدة: قيمة النص، تُستخدم لتقديم طريقة HTTP لتقديم نموذج إلى الخادم.

دعم المتصفحات

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم 10.0 الدعم الدعم الدعم

الصفحات ذات الصلة

دليل مرجعي HTML:خصائص formmethod لـ <button> HTML

مثل HTML DOM Button