انتقل إلى محتوى الدرس

Placeholder Attribute Guidelines خاصية Placeholder وتجربة الاستخدام

استكشف الخصائص الأساسية لحقول إدخال HTML: مفاتيح البيانات عبر name وربط العناصر عبر id وقيم value المبدئية ومحاذير placeholder وأدوار المعمارية التقنية.
4 صفوف تعليمية
لغة HTML
7,746 مشاهدة

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

الصف 1 شرح توضيحي
توفر خاصية placeholder تلميحاً بصرياً مؤقتاً لمساعدة المستخدم في استيعاب التنسيق المطلوب للبيانات، مثل كتابة نموذج لرقم الهاتف أو البريد. ويظهر هذا التلميح بلون خافت ويختفي تلقائياً فور أن يكتب المستخدم أي حرف داخل الحقل.
الصف 2 صورة توضيحية
مقارنة الأخطاء الشائعة: إغفال خاصية name والاعتماد المضلل على placeholder
الصف 3 كود برمجي
HTML
<label for="searchQuery">Search Documentation</label>
<input type="search" id="searchQuery" name="q"
       placeholder="e.g. flexbox layout">
الصف 4 ملاحظة هامة