HTML - Form Attributes سمات الفورم
سمات <form> في HTML
عنصر <form> في HTML يوفّر مجموعة من السمات (Attributes) اللي بتتحكم في كيفية إرسال البيانات، وطريقة التعامل مع السيرفر.
✅ السمات الأساسية لـ <form>:
| السمة | الوصف |
|---|---|
action |
تحدّد الرابط (URL) اللي هتتبعت له البيانات بعد الضغط على زر الإرسال. |
method |
تحدّد طريقة الإرسال: GET أو POST. |
target |
تحدد مكان عرض نتيجة الإرسال. مثال: _blank تفتح في نافذة جديدة. |
autocomplete |
تشغيل أو إيقاف خاصية الإكمال التلقائي في الحقول. القيم: on أو off. |
novalidate |
تعطيل التحقق التلقائي من القيم عند إرسال النموذج. |
enctype |
تحدد طريقة ترميز البيانات عند استخدام POST. تُستخدم خاصة في تحميل الملفات. |
🧪 مثال عملي بسيط:
<form action="/submit" method="post" target="_blank" autocomplete="on">
<label for="name">Name:</label>
<input type="text" id="name" name="name"><br><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="Submit">
</form>
⬅ النموذج أعلاه:
- يرسل البيانات إلى
/submitباستخدامPOST. - النتائج تظهر في نافذة جديدة
_blank. - خاصية الإكمال التلقائي مفعّلة.
🔐 ملاحظات أمنية:
- استخدم
POSTعند التعامل مع بيانات حساسة (زي كلمات المرور). - السمة
novalidateممكن تعطل التحقق من صحة البيانات – استخدمها بحذر.
تعليقات
إرسال تعليق