خصائص property formmethod لـ HTML <input>
التعريف والاستخدام
formmethod
خصائص property تحدد الطريقة التي يتم استخدامها لإرسال بيانات النموذج
formmethod
خصائص property تغطي خصائص property.
ملاحظة:formmethod
يمكن أن يتمدد type="submit" و type="image" معًا
يمكن إرسال بيانات النموذج كمتغيرات URL (method="get") أو كمعاملة HTTP post (method="post")
ملاحظات حول "get":
- سيتم إضافة بيانات النموذج إلى URL بصيغة اسم/قيمة
- هذا مفيد جدًا للنماذج التي يرغب المستخدمون في إضافة النتائج إليها كعلامة مرجعية
- كمية البيانات التي يمكن وضعها في URL محدودة (قد تختلف اعتمادًا على المتصفح)، لذلك لا يمكن ضمان نقل جميع بيانات النموذج بشكل صحيح.
- لا تستخدم أبدًا طريقة "get" لنقل معلومات حساسة!(كالمفاتيح المرور أو المعلومات الحساسة الأخرى ستظهر في شريط العناوين في المتصفح)
ملاحظات حول "post":
- سيتم إرسال بيانات النموذج كمعاملة HTTP POST
- لا يمكن حفظ النماذج التي يتم تقديمها باستخدام طريقة "post" كعلامة مرجعية
- مقارنة بطريقة "get"، طريقة "post" أكثر قوة وأمانًا
- ليس له حد أقصى في الحجم
مثال
الزر الثاني يغطي طريقة HTTP للنموذج:
<form action="/action_page.php" method="get"> <label for="fname">名字:</label> <input type="text" id="fname" name="fname"><br><br> <label for="lname">姓氏:</label> <input type="text" id="lname" name="lname"><br><br> <input type="submit" value="إرسال"> <input type="submit" formmethod="post" value="استخدام POST للإرسال"> </form>
القواعد
<input formmethod="get|post">
قيمة الخاصية
القيمة | الوصف |
---|---|
get | الافتراضي. أضف بيانات النموذج كاسم/قيمة إلى URL:URL?name=value&name=value. |
post | إرسال بيانات النموذج كمعاملة HTTP post. |
دعم المتصفحات
رقم في الجدول هو إصدار المتصفح الذي يدعم الخاصية بشكل كامل.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
الدعم | 10.0 | الدعم | 5.1 | 10.6 |