خصائص formmethod لـ HTML <button>
التعريف والاستخدام
formmethod الخصائص تحدد الطريقة التي يتم استخدامها لتحويل بيانات النموذج عند تقديمها. هذا الخصائص يغطي خصائص النموذج method.
formmethod الخصائص تستخدم فقط type="submit" الزر.
يمكن إرسال بيانات النموذج كمتغيرات URL (استخدام method="get")، أو إرسالها كHTTP post (استخدام method="post")
ملاحظات حول طريقة "get":
- يتم إضافة بيانات النموذج إلى URL بصيغة اسم/قيمة
- هذا مفيد جدًا للنماذج التي يرغب المستخدمون في إضافة النتائج إليها كعلامة مرجعية
- كمية البيانات التي يمكن وضعها في URL محدودة (تعتمد على المتصفح)، لذلك لا يمكن ضمان أن يتم نقل جميع بيانات النموذج بشكل صحيح.
- لا تستخدموا أبداً طريقة "get" لنقل معلومات حساسة！（كالمسارات أو معلومات حساسة أخرى سيتم عرضها في شريط العناوين في المتصفح）
ملاحظات حول طريقة "post":
- يتم إرسال بيانات النموذج كمعاملة HTTP POST
- لا يمكن حفظ نموذج تقديم طريقة "post" كعلامة مرجعية
- من حيث مقارنة طريقة "get"، طريقة "post" أكثر قوة وأماناً
- ليس له حد في الحجم
مثال
نموذج يحتوي على زرين لتقديم الطلب. الزر الأول يستخدم method="get" لتقديم بيانات النموذج، والزر الثاني يستخدم method="post" لتقديم بيانات النموذج:
<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> <button type="submit">إرسال</button> <button type="submit" formmethod="post">استخدام POST للإرسال</button> </form>
القواعد النحوية
<button type="submit" formmethod="get|post">
قيمة الخاصية
| القيمة | الوصف |
|---|---|
| get | إضافة بيانات النموذج إلى URL:URL?name=value&name=value. |
| post | إرسال بيانات النموذج كمعاملة HTTP post. |
دعم المتصفحات
الرقم في الجدول يوضح إصدار المتصفح الذي يدعم الخاصية لأول مرة.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 9.0 | 10.0 | 4.0 | 5.1 | 15.0 |
ملاحظة:formmethod الخصائص هي خصائص جديدة في HTML 5.
