جاري التحميل...
سمات input في HTML
بجانب type، تقبل inputs سمات للقواعد والتلميحات: required وplaceholder والنطاقات.
إجابة مباشرة
مساعدات شائعة: name، id، value، placeholder، required، min، max، step، maxlength، pattern، disabled، readonly. للإرشاد والفحص الأولي — تحقق من الخادم لاحقاً.
📊 سمات input مفيدة
| Attribute | Role |
|---|---|
| placeholder | Hint text inside an empty field |
| required | Field must be filled before submit |
| min / max / step | Limits for number/date-like types |
| maxlength | Max characters for text-like types |
| pattern | Regex-like allowed pattern |
| disabled | Control not usable / not submitted |
| readonly | Visible but not editable |
Attributes on inputs
html
HTML Code
<label for="age">Age</label>
<input id="age" name="age" type="number" min="1" max="120" required>
<label for="code">Code</label>
<input id="code" name="code" type="text" maxlength="6" placeholder="ABC123" pattern="[A-Za-z0-9]{6}">جرّب بنفسك
- email
requiredمع placeholder - number مع min/max
- أرسل فارغاً ولاحظ الرسالة
- maxlength على كود قصير
أخطاء شائعة
- الاعتماد على المتصفح فقط
- disabled لحقول يجب إرسالها
- pattern معقد جداً
ملخص
- السمات ت refine السلوك
- required والنطاقات وmaxlength
- placeholder تلميح لا label
- label لكل حقل
🧠 اختبر معرفتك
جاهز للبدء
اختبر معرفتك
تحدى نفسك مع هذا الاختبار التفاعلي واكتشف مدى فهمك للموضوع
5
الأسئلة
70%
للنجاح
∞
الوقت
∞
المحاولات
📝 التعليمات
- اقرأ كل سؤال بعناية
- اختر أفضل إجابة لكل سؤال
- يمكنك إعادة الاختبار عدة مرات كما تريد
- سيتم عرض تقدمك في الأعلى