method
onsubmit
action
data
name
role
jsdata
jsmodel
jscontroller
jsname
jsaction
maxlength
method
هذه الخاصية تستعمل في عنصر form
تسند لها قيمتي GET
و POST
ففي حالة GET
يقوم المتصفح بارسال request
أو طلب جلب البيانات من السرفر، أما POST
يقوم بإرسال البيانات المملوؤة في الـform
من طرف المستخدم
onsubmit
تستطيع أن تقوم باستدعاء دالة قمت بانشائها بلغة JavaScript
يقوم المتصفح بتشغيلها عند ضغط المستخدم على الزر التابع للـ form
الذي يحتوي على خاصبة type="submit"
action
هذه الخاصية تحتوي على رابط الصفحة التي يقوم المتصفح باظهارها عند الضغط على زر submit
data
بالنسبة لهذه الخاصية فهي من أجل تخزين بيانات معينة تستطيع استعمالها في عناصر أخرى أو تحديدها لعمل تنسيقات خاصة لهته العناصر
name
يمكنك تسمية كل عنصر ادخال input
بخاصية name
واستعمالها كمرجع “reference” قد تحتاج الى التعامل معها في js أو بعد عمل submit والتعامل معها من ناحية back-end
role
هذه الخاصية من أجل semantic وتقنية Aria role تستعمل في Accessibility لذوي الاحتياجات الخاصة، فإذا مثلا تريد إستبدال عنصر button
بـ div
يمكنك أن تسند لها قيمة button
لكي يتعرف عليها المتصفح على أنه زر مثلا:
<div role="button">Submit</div>
مكتبة W3.JS
jsdata
W3Data uses application models (written in JSON) to describe server applications.
من أجل جلب بيانات من السرفر تكتب بصيغة JSON
مثلا:
{
"database" : {
"connection" : "localmysql",
"sql" : "SELECT * FROM Customers"}
}
يمكنك الإطلاع على تفاصيل هذه المكتبة من هنا
maxlength
هذه الخاصية تستعمل في عنصر input
من أجل تحديد القيمة القصوى لعدد الأحرف التي لا يستطيع المستخدم كتابتها فإذا مثلا تريد تحديد الحد الأقصى بـ20 حرف تضيف هذه الخاصية هكذا:
<input id="user-name" name="user-name" type="text" maxlength="20">
شرح سهل ورائع وسلس يا لارا
شكراً لارا على الشرح الرائع