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

Pattern Attribute and Regex Validation التحقق بالأنماط عبر خاصية pattern

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

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

الصف 1 شرح توضيحي
تتيح خاصية pattern تفعيل التحقق التلقائي في المتصفح باستخدام التعبيرات النمطية المعتمدة في معيار جافا سكريبت RegExp. وعند تحديد هذه الخاصية على الحقول النصية، يفحص المتصفح مطابقة القيمة المدخلة للتعبير النمطي قبل السماح بإرسال النموذج.
الصف 2 كود برمجي
HTML 
<label for="zip">US Postal Code</label>
<input type="text" id="zip" name="postal_code"
       pattern="[0-9]{5}(-[0-9]{4})?" required>
جرّب بنفسك
الصف 3 ملاحظة هامة

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