سمة أسلوب <form> HTML

❮ علامة HTML <form>

مثال

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

<form action="/action_page.php" method="get">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Submit">
</form>

المزيد من الأمثلة "جربها بنفسك" أدناه.


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

تحدد السمة methodكيفية إرسال بيانات النموذج (يتم إرسال بيانات النموذج إلى الصفحة المحددة في actionالسمة).

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

ملاحظات على GET:

  • لإلحاق بيانات النموذج بعنوان URL في أزواج الاسم / القيمة
  • طول عنوان URL محدود (حوالي 3000 حرف)
  • لا تستخدم GET لإرسال بيانات حساسة! (سيكون مرئيًا في عنوان URL)
  • مفيد لعمليات إرسال النماذج حيث يريد المستخدم وضع إشارة مرجعية على النتيجة
  • يعد GET أفضل بالنسبة للبيانات غير الآمنة ، مثل سلاسل الاستعلام في Google

ملاحظات على POST:

  • لإلحاق بيانات النموذج داخل نص طلب HTTP (لا تظهر البيانات في عنوان URL)
  • لا توجد قيود على الحجم
  • لا يمكن وضع إشارة مرجعية على عمليات إرسال النماذج باستخدام POST

دعم المتصفح

Attribute
method Yes Yes Yes Yes Yes


بناء الجملة

<form method="get|post">

قيم السمات

Value Description
get Default. Appends the form-data to the URL in name/value pairs: URL?name=value&name=value
post Sends the form-data as an HTTP post transaction

مزيد من الأمثلة

مثال

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

<form action="/action_page.php" method="post">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Submit">
</form>

❮ علامة HTML <form>