English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
علامة HTML <input> هي عنصر إدخال يقدم للمستخدم عنصر تفاعلي يمكنه من إدخال بياناته. تقليدياً، توجد علامة <input> داخل علامة <form>، ويمكن استخدام خاصية type لتعيين نوع الحقل النصي، المربع المربع، القائمة المنسدلة، الزر، والنوع الأخر من الإدخالات. وتسمى هذه العلامة أيضًا علامة <input> العنصر.
نموذج HTML بسيط يحتوي على مجالين نصيين وزر تقديم:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>استخدام علامة HTML5 footer (موقع تعليمات أساسية للإنترنت oldtoolbag.com)</title> </head> <body> <h1>oldtoolbag.com تعليميات أساسية</h1> <form action="demo-form.php" method="post"> شركة: <input type="text" name="company"><br> عنوان: <input type="text" name="address"><br> <input type="submit" value="Submit"> </form> </body> </html>اختبار لـ ‹/›
في هذا مثال على مستند HTML5، استخدمنا علامة <form> لإنشاء نموذج HTML. يحتوي هذا النموذج على عناصر <input> لشركة العنوان، وعنصر <input> للزر المقدم.
IEFirefoxOperaChromeSafari
معظم المتصفحات يدعمون علامة <input>.
علامة <input> تحدد حقل إدخال يمكن للمستخدم إدخال بياناته فيه.
يستخدم العنصر <input> في العنصر <form> لاستخدام وحدة التحكم في المدخلات التي تسمح للمستخدم بتحديد البيانات.
من خلال تعيين خاصية type، يمكن للعنصر <input> أن يصبح حقل نصي، مربع اختيار، زر اختيار، قائمة منسدلة، زر، حقل كلمة المرور وما إلى ذلك!
النصيحة: العنصر <input> فارغ، إنه يحتوي فقط على خصائص العلامة.
الإشارة: يمكنك استخدام <label> العنصر لتحديد وسم العنصر <input>.
في HTML 4.01، لم تعد تستخدم بيانات "align". لا يدعمها HTML5. يمكن استخدام CSS لتحديد تنسيب العنصر <input>.
في HTML5، تم إضافة بعض الخصائص الجديدة لـ <input> بالإضافة إلى القيم المحددة.
في HTML، لا تحتاج علامة <input> إلى غلقها.
في XHTML، يجب إغلاق علامة <input> بشكل صحيح.
جديدًا: HTML5 إشارة جديدة.
| الخصائص | القيمة | الوصف |
|---|---|---|
| accept | صوت/* فيديو/* صورة/*نوع_الملف | يحدد نوع الملف الذي يتم تقديمه عبر رفع الملف. (فقط لـ type="file") |
| التنسيب | اليسار اليمين الأعلى الوسط الأسفل | مستبدل_الصورة |
| alt | text | يحدد النص البديل للصورة المدخلة. (فقط لـ type="image") |
| autocompleteHTML5 | التفعيل الإيقاف | يحدد خاصية autocomplete العنصر <input> إذا كان يجب تفعيل وظيفة التكملة التلقائية للنص المقدم. |
| autofocusHTML5 | autofocus | يحدد خاصية autofocus العنصر <input> الذي يجب أن يُحصل عليه التركيز تلقائيًا عند تحميل الصفحة. |
| checked | checked | يحدد خاصية checked العنصر <input> الذي يجب اختياره مسبقًا عند تحميل الصفحة. (فقط لـ type="checkbox" أو type="radio") |
| dirnameHTML5 | dir_الاسم_الداخلي_لفورم | يحدد اتجاه النص المقدم. |
| disabled | disabled | يحدد خاصية disabled العنصر <input> الذي يجب تعطيله. |
| formHTML5 | form_id | يحدد خاصية form <input> العنصر الذي ينتمي إليه أو إلي عدة نماذج. |
| مكتبة_التعاملHTML5 | URL | خصائص formaction تحدد عنوان URL الذي يتم معالجة ملفات الإدخال عند تقديم النموذج (مناسب فقط لنوع "submit" و "image"). |
| formenctypeHTML5 | application/x-www-form-urlencoded multipart/form-data text/plain | خصائص formenctype تحدد كيفية تشفير بيانات النموذج عند إرسالها إلى الخادم (مناسب فقط لنوع "submit" و "image"). |
| formmethodHTML5 | get post | تحديد طريقة HTTP لإرسال بيانات النموذج إلى عنوان URL action (مناسب فقط لنوع "submit" و "image"). |
| formnovalidateHTML5 | formnovalidate | خصائص formnovalidate تغطي خصائص novalidate لعنصر <form>. |
| formtargetHTML5 | _blank _self _parent _topframename | تحدد الاسم أو الكلمة المفتاحية التي يتم عرض الرد المستلم بعد تقديم النموذج (مناسب فقط لنوع "submit" و "image"). |
| heightHTML5 | البكسل | تحدد العرض المرئي للعنصر <input> (فقط إذا كان نوعه "image"). |
| listHTML5 | datalist_id | خصائص datalist_id تحدد العنصر <datalist> الذي يحتوي على الخيارات المسبقة لعنصر <input>. |
| maxHTML5 | number date | خصائص max تحدد القيمة الأعلى المسموح بها لعنصر <input>. |
| maxlength | number | خصائص maxlength تحدد عدد الحروف الأعلى المسموح به في العنصر <input>. |
| minHTML5 | number date | خصائص min تحدد القيمة الأدنى المسموح بها لعنصر <input>. |
| multipleHTML5 | multiple | خصائص multiple تحدد أن يمكن للمستخدم إدخال عدة قيم في العنصر <input>. |
| name | text | خصائص name تحدد اسم العنصر <input>. |
| patternHTML5 | regexp | خصائص pattern تحدد النمط النموذجي الذي يجب استخدامه للتحقق من قيمة العنصر <input>. |
| placeholderHTML5 | text | خصائص placeholder تحدد رسالة التوجيه القصيرة التي توضح القيمة المتوقعة لـ <input>. . |
| readonly | readonly | خصائص readonly تحدد أن حقل الإدخال هو فقط للقراءة. |
| requiredHTML5 | required | خصائص required تحدد أنه يجب ملء حقل الإدخال قبل تقديم النموذج. |
| size | number | خصائص size تحدد العرض المرئي للعنصر <input> بعدد الحروف. |
| src | URL | خصائص src تحدد عنوان URL للصورة التي يتم عرضها كزر إرسال. (فقط type="image") |
| stepHTML5 | number | خصائص step تحدد الفجوة الرقمية المقبولة للـ <input> العنصر. |
| type | button checkbox color date datetime datetime-local file hidden image month number password radio range reset search submit tel text time url week | خصائص type تحدد نوع العنصر <input> لعرضه. |
| value | text | تحديد قيمة value للـ <input> العنصر. |
| widthHTML5 | البكسل | خصائص width تحدد عرض <input> العنصر. (فقط لـ type="image") |
<input> يدعم خصائص العالمية، راجع جدول الخصائص الكامل خصائص العالمية HTML.
<input> يدعم جميع خصائص الحدث HTML.