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

Managing Focus with autofocus التركيز التلقائي بخاصية autofocus

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

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

الصف 1 شرح توضيحي
توجه خاصية autofocus المنطقية المتصفح لوضع مؤشر التركيز تلقائياً على حقل إدخال محدد فور اكتمال تحميل الصفحة. ورغم فائدتها في صفحات البحث المباشرة، إلا أن الإفراط في استخدامها قد يربك مستخدمي قارئات الشاشة ولوحة المفاتيح.
الصف 2 كود برمجي
HTML 
<!-- Single primary search input on a dedicated page -->
<label for="siteSearch">Search Knowledgebase</label>
<input type="search" id="siteSearch" name="q">
جرّب بنفسك
الصف 3 ملاحظة هامة

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