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 ممكن تعطل التحقق من صحة البيانات – استخدمها بحذر.

تعليقات

المشاركات الشائعة من هذه المدونة

HTML - Text Formatting تنسيقات النص

1.1 SQL Introduction

Entity Framework - مقدمة عن Entity Framework