انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #2 من درس: الخصائص المتقدمة لعنصر Input مع HTML Form

Providing Pattern Guidance With Title خاصية Title وتوضيح شروط النمط

استكشف الخصائص المتقدمة لحقول إدخال HTML: التحقق بالأنماط عبر pattern وإرشادات title والخيارات المتعددة وتدرج step واقتراحات datalist وخصائص تجاوز النموذج.
4 صفوف تعليمية
لغة HTML
4,237 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
على الرغم من قوة خاصية pattern في التحقق، إلا أن رموز التعبيرات النمطية تبدو غامضة وغير مفهومة للمستخدم العادي. وهنا يبرز الدور المحوري لخاصية title في توضيح التنسيق المطلوب بلغة بشرية بسيطة ومباشرة.
الصف 2 صورة توضيحية
مخطط تدفق التحقق بالأنماط عبر pattern وعرض إرشادات خاصية title
الصف 3 كود برمجي
HTML 
<label for="flightCode">Flight Code</label>
<input type="text" id="flightCode" name="flight"
       pattern="[A-Z]{2}[0-9]{3,4}"
       title="Two uppercase letters followed by 3 or 4 digits">
جرّب بنفسك
الصف 4 ملاحظة هامة

جميع فقرات هذا الدرس (الخصائص المتقدمة لعنصر Input مع HTML Form)