: عنصر INPUT
آخر تحديث: 2026-09-12
<input>عنصر INPUT
عنصر <input> هو أكثر عناصر التحكم في النماذج شيوعًا، وينشئ حقول إدخال متنوعة. الخاصية type تتبدل بين النص وكلمة المرور وخانة الاختيار والراديو ومنتقي التاريخ وغيرها. وهو عنصر فارغ.
| الفئة | النماذج |
|---|---|
| نموذج المحتوى | لا شيء (عنصر فارغ) |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى النصي، عادةً داخل <form> |
| وسم الإغلاق | ذاتي الإغلاق — لا حاجة لوسم إغلاق |
| الحالة | قياسي |
📝 البنية
<input type="text" name="اسم-الحقل" placeholder="نص التلميح">⚙️ السمات
يدعم هذا العنصر السمات العامة بالإضافة إلى ما يلي:
| السمة | القيمة | الوصف |
|---|---|---|
type | Keyword | The type of the input, determines the control's form.
|
name | Text | The field name submitted with the form; groups radio buttons. |
value | Text | The current or default value. |
placeholder | Text | Hint text shown when the field is empty. |
required | Boolean | Marks the field as required. |
disabled | Boolean | Disables the field; not submitted. |
readonly | Boolean | Read-only; visible but not editable. |
maxlength | Number | Maximum number of characters. |
checked | Boolean | Default checked state for checkbox/radio. |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <input> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： اضبط الخاصية name دائمًا، وإلا فلن تُرسل قيمة الحقل.
🏷️ وسوم ذات صلة
💡 حالات ذات صلة
📚 دروس ذات صلة
