diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/add-an-accessible-date-picker.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/add-an-accessible-date-picker.arabic.md index 6f2ec516f9..aa41ea6e19 100644 --- a/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/add-an-accessible-date-picker.arabic.md +++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/add-an-accessible-date-picker.arabic.md @@ -7,7 +7,12 @@ localeTitle: إضافة منتقي تاريخ يسهل الوصول إليه --- ## Description -
غالبًا ما تتضمن النماذج حقل input ، والذي يمكن استخدامه لإنشاء عدة عناصر تحكم مختلفة في النموذج. تشير السمة type على هذا العنصر إلى نوع الإدخال الذي سيتم إنشاؤه. كنت قد لاحظت في text و submit أنواع المدخلات في التحديات السابقة، وعرض HTML5 خيار لتحديد date المجال. اعتمادًا على دعم المتصفح ، يظهر منتقي التاريخ في حقل input عندما يكون في التركيز ، مما يجعل ملء النموذج أكثر سهولة لجميع المستخدمين. بالنسبة إلى المتصفحات الأقدم ، سيكون text افتراضيًا text ، لذلك يساعد على إظهار تنسيق التاريخ المتوقع للمستخدمين في التصنيف أو كنص موضع مؤقت في حالة الأحرف فقط. إليك مثال على ذلك:
<label for = "input1"> أدخل تاريخًا: </ label>
<input type = "date" id = "input1" name = "input1">
+
تشتمل النماذج غالبًا على حقل input ، والذي يمكن استخدامه لإنشاء عدة عناصر تحكم مختلفة. تشير السمة type في هذا العنصر إلى نوع الإدخال الذي سيتم إنشاؤه. ربما لاحظت text و input أنواع المدخلات في التحديات السابقة، وقدم HTML5 خيارًا لتحديد حقل date. اعتمادًا على دعم المتصفح، يظهر منتقي التاريخ في حقل input عندما يكون في التركيز، مما يجعل ملء نموذج أسهل لجميع المستخدمين. بالنسبة للمتصفحات القديمة، سيتم الكتابة افتراضيًا على text، لذلك يساعد على عرض تنسيق التاريخ المتوقع للمستخدمين في التصنيف أو كنص نائب للعنصر فقط. إليك مثال: + +```html + + +``` ## Instructions
يقوم كامبر كات بإعداد بطولة مورتال كومبات ويريد أن يطلب من منافسيه معرفة التاريخ الأفضل. إضافة علامة input تحتوي على سمة type من "date" ، وسمة id من "pickdate" ، وسمة name من "date".