سمة أسلوب <form> HTML
مثال
إرسال نموذج باستخدام طريقة "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>