<input>: عنصر INPUT

آخر تحديث: 2026-10-13

<input>عنصر INPUT

عنصر <input> هو أكثر عناصر التحكم في النماذج شيوعًا، وينشئ حقول إدخال متنوعة. الخاصية type تتبدل بين النص وكلمة المرور وخانة الاختيار والراديو ومنتقي التاريخ وغيرها. وهو عنصر فارغ.

الفئة	النماذج
نموذج المحتوى	لا شيء (عنصر فارغ)
العناصر الأم المسموحة	أي عنصر يقبل المحتوى النصي، عادةً داخل <form>
وسم الإغلاق	ذاتي الإغلاق — لا حاجة لوسم إغلاق
الحالة	قياسي

📝 البنية

<input type="text" name="اسم-الحقل" placeholder="نص التلميح">

⚙️ السمات

يدعم هذا العنصر السمات العامة بالإضافة إلى ما يلي:

السمة	القيمة	الوصف
`type`	Keyword	The type of the input, determines the control's form. `text` — Single-line text field (default). `password` — Password field, input masked. `checkbox` — Checkbox, multiple selection. `radio` — Radio button, one per group. `email` — Email field with format validation. `number` — Number field with stepper. `date` — Date picker. `file` — File picker. `submit` — Submit button. `button` — Plain button. `hidden` — Hidden field, submitted with the 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 دائمًا، وإلا فلن تُرسل قيمة الحقل.

❓ الأسئلة الشائعة

Qما أنواع type الشائعة في input؟

Aالنصية: text وpassword وemail وurl وtel وsearch؛ الاختيار: checkbox وradio وfile؛ الرقمية: number وrange؛ التاريخ: date وtime وdatetime-local؛ إضافة إلى hidden وcolor وsubmit وغيرها. واختيار type الصحيح يفتح على الهاتف لوحة المفاتيح المناسبة ويفعّل التحقق الأصلي.

Qهل input عنصر فارغ؟

Aنعم عنصر فارغ (void element) بلا وسم إغلاق ولا يقبل محتوى، وجميع الضبط عبر السمات (value وplaceholder وrequired وغيرها). وهو يختلف عن <textarea> — فالأخيرة لها وسم إغلاق وتكتب قيمتها الابتدائية بين الوسمين.

Qهل يمكن أن يحل placeholder محل label؟

Aلا. يختفي placeholder بعد الإدخال ودعم قارئ الشاشة له غير مكتمل، والاعتماد عليه وسمًا وحيدًا يضر الوصولية. <label> هو وصف الحقل الرسمي، ويُترك placeholder لأمثلة الإرشاد (كصيغة التنسيق).

<input> — forms درس تعليمي <input> — input-types درس تعليمي

📚 دروس ذات صلة

HTML Forms HTML Input Types Reference

درس نماذج HTML

تعلّم الأزرار وعناصر تحكم النماذج

فريق Web-Tutorial التقني

منصة دروس برمجية يديرها عدة مطورين. كل درس يتم كتابته ومراجعته بواسطة مطورين متخصصين في المجال. نعمل على ضمان دقة وموثوقية المحتوى — إذا لاحظت أي مشكلة، فيرجى إخبارنا.

من نحن

<input>: عنصر INPUT

<input>عنصر INPUT

📝 البنية

⚙️ السمات

▶ مثال

🌐 دعم المتصفح

❓ الأسئلة الشائعة

🏷️ وسوم ذات صلة

💡 حالات ذات صلة

📚 دروس ذات صلة