HTML - HTML5 New Attributes السمات الجديدة للعناصر
HTML - السمات الجديدة للعناصر (HTML5 New Attributes)
قدّمت HTML5 مجموعة من السمات (Attributes) الجديدة التي تعزز تجربة المستخدم وتحسن التفاعل مع العناصر. هذه السمات يمكن استخدامها مع عناصر مثل <input> و<form> و<video> وغيرها.
🔸 السمات الجديدة المهمة
| السمة | الوصف |
|---|---|
autofocus |
تُحدد أن العنصر يجب أن يحصل على التركيز تلقائيًا عند تحميل الصفحة. |
placeholder |
عرض نص تلميحي داخل حقل الإدخال حتى يتم إدخال قيمة. |
required |
تجعل تعبئة الحقل إلزاميًا قبل إرسال النموذج. |
form |
تربط عنصر إدخال بنموذج معين باستخدام id. |
formaction |
تُحدد عنوان URL مختلف لإرسال البيانات عند الضغط على زر معين. |
formenctype |
تُحدد طريقة تشفير البيانات المرسلة (مثل multipart/form-data). |
formmethod |
تُحدد طريقة الإرسال: GET أو POST. |
formtarget |
تُحدد النافذة أو الإطار الذي سيعرض نتيجة الإرسال. |
formnovalidate |
تعطيل التحقق من الصحة عند الإرسال. |
pattern |
تُحدد تعبيرًا نمطيًا (Regex) يجب أن تطابقه قيمة الإدخال. |
multiple |
السماح للمستخدم بإدخال أكثر من قيمة (يُستخدم في البريد والملفات). |
list |
ربط الحقل بقائمة بيانات <datalist>. |
🧪 مثال عملي
📌 ملاحظات إضافية
- كل هذه السمات مدعومة من المتصفحات الحديثة، لكن يفضل دائمًا التحقق من الدعم عبر Can I use.
- بعض السمات تكون فعالة فقط مع أنواع إدخال معينة (
input type). - استخدام هذه السمات يساعد في تقليل الحاجة لكتابة JavaScript للتحقق من النموذج.
تعليقات
إرسال تعليق